@import url(common.css);

@import url(history_style_new.css);

@media print { .noPrint { display:none; } } 



.wrapperBg{display:none; position: absolute; top: 0; left:0; width:100%; background:url('../images/wrapper_bg.png') repeat 0 0; z-index:2000}

.goBody{position: absolute; top: 0; left:0; width: 100%; height: 60px; line-height: 60px; text-align: center; background:#ffe42f; color: #544939; font-size: 20px; font-weight: bold; z-index: 20000;}

#wrapper {width:100%; overflow:hidden; margin:0 auto; min-width:1260px;}

#header {position:relative; width:100%; 

/* padding:30px 0 0;  */

background:url('../images/header_bg.gif') repeat-x 0 0;}

.headDiv{position:relative; width:100%; margin:0 auto; padding-top:6px;}/* 2018-10-30 수정 */

.main .headDiv{background:#fff}

.sub .headDiv{border-bottom:1px solid #f0f0f0;background: #fff;}/* 2018-12-07 추가 */

.headDiv h1{position:absolute; left:80px; top:0}/* 2018-10-30 수정 */

.headDiv h1 a{position:relative; float:left; margin:12px 0 0 0; width:169px; height:60px; background:url('../images/h_logo.png') no-repeat 0 0; text-indent:-99999px; z-index:1000}

.headDiv h1 .subLogo {display:inline-block; margin:21px 0 0 10px; padding:0 0 0 10px; background:url('../images/sublogo_bar.png') no-repeat 0 18px;}

.headDiv h1 .subLogo a {margin:0; background-position:0 2px;}

.introH .headDiv h1 .subLogo a{width:96px; background-image:url('../images/introh_logo.png');}

.serviceH .headDiv h1 .subLogo a{width:102px; background-image:url('../images/serviceh_logo.png');}

.mediaH .headDiv h1 .subLogo a{width:102px; background-image:url('../images/mediah_logo.png');}

.societyH .headDiv h1 .subLogo a {width:102px; background-image:url('../images/societyh_logo.png');}

.hrH .headDiv h1 .subLogo a {width:60px; background-image:url('../images/hrh_logo.png');}

.cyberH .headDiv h1 .subLogo a{width:114px; background-image:url('../images/cyberh_logo.png');}

.fl1{ position: absolute; z-index: 99; width: 89px; margin-left: 16px; display: none;}
.fl1>li{  line-height: 40px;  text-align: center;   font-size:16px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#fff;

 background-color: rgba(255, 255, 255, 0.914); width: 100%; height:40px;
}
.f2{position: relative; }
/* .f2:hover{ border-bottom: #000; width: 20px;height: 20px; } */
.f13>li{ float: left;margin-left: 20px;}
/* .bottom{    font-size: 20px;
    font-family: 'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;
    color: #333;} */
/* .bottom{ border-bottom: solid 3px rgb(0, 0, 0);} */
.f13>li:hover .fl1{display: block;}
.fl1 li:hover  { font-size:16px; background-color: #025098; width: 100%; height:40px;}
.fl1 li:hover .fl1 a{color:#fff !important;}
.fl1 a:hover  { color: white;}

/* 2018-11-27 추가 */

#header.serviceH2{position:relative; width:100%; height:80px; background:#fff; padding:0;}

#header.serviceH2 .headDiv h1 a{width:230px; height:39px; display:block; background:url('../images/serviceh_logo2.png') no-repeat 0 0;}

/* // 2018-11-27 추가 */



/* 2018-10-30 수정 */

#gnb{display:block;/* width:890px;*/ width:1488px; margin:0 auto;  position:relative}

#gnb ul{margin:0 20px}

#gnb li {float:left; padding:0; height:100%;}

#gnb li .oneD {display:block; padding:0 20px; font-size:20px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#333}

#gnb li:first-child .oneD {padding:0 2px 0 0;}

#gnb li .oneD span{display:block; padding:0 0 15px;}

#gnb li .oneD span{display:block; padding:0 1px 29px}

@media screen and ( max-width:1711px) { 

	#gnb li .oneD {
		display: block;
		padding: 0 20px;
		font-size: 17px;
		font-family: 'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;
		color: #333;

}
}

@media screen and ( max-width:1500px) { 

	#gnb li .oneD {
		display: block;
		padding: 0 6px;
		font-size: 16px;
		font-family: 'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;
		color: #333;

}
}



 @-moz-document url-prefix(){ 

	.headDiv{padding-top:29px}

	#gnb{margin:0 auto;}

	#gnb li .oneD span{display:block; padding:0 10px 29px;}

}


@media screen and(max-width:1709px) {
	.f13>li{
		margin-left: 8px;
	}
	
}

#gnb ul:after{content:''; display:block; clear:both}

#gnb li .oneD.on span,

#gnb li .oneD.active span{background:url('../images/goned_bu.gif') repeat-x 0 bottom;}

#gnb li .gTwoW {position:absolute; top:40px; left:-100px; width:1200px; height:0; padding:0; overflow:hidden; z-index:1200;}

#gnb li .gTwoW p {float:left; padding:45px 0 0; width:234px; color:#fff; font-size:35px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;}

#gnb li .gTwoW .gTwoD {float:left; margin:0 0 0 88px; padding:45px 0 0;}

#gnb li .gTwoW .gTwoD:nth-child(2) {margin:0 !important;}

#gnb li:nth-child(4) .gTwoW .gTwoD {margin:0 0 0 65px;}

#gnb li:nth-child(4) .gTwoW .gTwoD:nth-child(4) {max-width:143px;}

#gnb li .gTwoW .gTwoD .twoD{display:block; margin:0 0 12px; font-size:18px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#fff}

#gnb li .gTwoW .gTwoD .thrD a{display:block; margin:9px 0 0; color:rgba(255, 255, 255, 0.8)}

#gnb li .gTwoW .gTwoD .fouD a{display:block; margin:2px 0 0;}

#gnb li .gTwoW .gTwoD:nth-child(7n+1){clear:both; margin-left:234px}/* 2018-11-22 추가 */

#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){clear:both; margin-left:234px}

#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(7n+1){clear:none; margin-left:88px}

.hStyleB #gnb li {position:relative;}

.hStyleB #gnb li:first-child .oneD{padding-left:30px;}

.hStyleB #gnb li:last-child .oneD {padding-right:0;}

.hStyleB #gnb li .oneD span{padding-bottom:23px;}

.hStyleB #gnb li .oneD:hover span,

.hStyleB #gnb li .oneD.on span,

.hStyleB #gnb li .oneD.active span{color:#0450a2; background:url('../images/hstyleb_oned_bu.gif') repeat-x 0 bottom;}

.hStyleB #gnb li .gTwoW{top:46px; left:-20px; width:auto; padding:0 10px; text-align:center; background:#353535;}

.hStyleB #gnb li:last-child .gTwoW{left:-7px;}

.hStyleB #gnb li .gTwoW .gTwoD {float:none; margin:0; padding:25px 0 15px; letter-spacing:-1px;}

.hStyleB #gnb li .gTwoW .gTwoD .twoD {color:#fff; text-align:center; font-size:14px; font-weight:bold; font-family:"맑은고딕", 'dotum',"돋움",sans-serif;}

.hStyleB #gnb li .gTwoW .gTwoD .twoD:hover {text-decoration:underline}

.hStyleB #gnb{width:1000px; margin:0 auto; padding-top:36px; min-height:47px; display:block;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

	.hStyleB #gnb{margin:0 auto; padding-top:36px}

	.hStyleB #gnb li .gTwoW{top:46px;}

}

 @-moz-document url-prefix(){ 

	.hStyleB #gnb li .gTwoW{top:47px;}

}

#wrapper.cyber{width:840px; overflow:hidden; min-width:auto; margin:0;}

#wrapper.cyber .hStyleC{padding:0 50px; min-height:90px; background:#f4f4f4; box-sizing:border-box}

.hStyleC .headDiv{width:auto;}

.hStyleC .headDiv h1 a{margin:28px 0 0 0;}

.hStyleC .headDiv h1 .subLogo{margin-top:28px; background-position:0 18px;}

.hStyleC .headDiv h1 .subLogo a{margin:0;}

.hStyleC #gnb{margin:43px 0 0; width:auto;}

.hStyleC #gnb li .oneD{font-size:18px; padding:0 24px 0 24px;}

.hStyleC #gnb li .oneD.on span{background:none; color:#003f82}

.hStyleC #gnb li .oneD span{padding:0 0 26px;}

.hStyleC #gnb li:first-child .oneD{padding-left:24px;}

.hStyleC #gnb li:last-child .oneD{padding-right:0;}

.cyberH #gnb{margin:46px 0 0 28px;}

/* //2018-10-30 수정 */



/* 2018-10-30 추가 및 수정 */

.gnbBgD{position:absolute; top:114px; left:0; display:none; width:100%; overflow:hidden; height:430px;  z-index:1000; background:rgba(26, 27, 29, 0.9)}

.mGnbBtn{display:none}

.sub.wrapperBg{top:0px}

.utillW {position:absolute; top:-31px; right:0;}

.utillD {position:relative; width:1200px; margin:0 auto} 

.utillW .mHeader{height:65px; position:relative; background:#fff; display:none}

.utillW .xBt{display:none}

/* .sub #header{border-bottom:1px solid #efefef} */

.utillD > ul {float:right; height:30px; /* background:url('../images/toputill_bg.gif') no-repeat -1px 0; */} 

.utillD > ul > li{display:inline-block;border-left:1px solid #fff; position:relative}

.utillD > ul > li:first-child{border-left:0;}

.utillD > ul > li > a{display:block; /* padding:10px 52px 10px 30px; */height:30px;  padding:0 52px 0 25px; line-height:30px}

#uSiteSlider2 ul li dl dd a:hover{text-decoration:underline}

.utillD > ul > li.utl1 a.bt{padding:35px 25px}

.utillD > ul > li.utl1 a.bt.on{background:#fff}

.utillD > ul > li.utl2 a.bt{padding:0 25px; background:url("../images/utill_new_img.png") 108px 6px no-repeat }

.utillD > ul > li.utl2 a.bt.on{background:url("../images/utill_new_img.png") 108px 6px no-repeat #fff}

.utillD > ul > li.utl3 a.bt{background:url("../images/utill_lang_more.png") 90px 12px no-repeat; }

.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 90px 12px no-repeat #fff }

.utillD > ul > li.utl4 a.bt{background:url("../images/utill_search.png") 86px 8px no-repeat; }

.utillD > ul > li.utl4 a.bt.on{background:url("../images/utill_search.png") 86px 8px no-repeat #fff}

.utillD > ul > li.utl5 a.bt{background:url("../images/utill_menu.png") 25px 8px no-repeat; background-size:15px auto; text-indent:-9999px; width:75px; box-sizing:border-box; margin-right:55px  }

.utillD > ul > li.utl1 .closeBt{top:45px; right:15px}

.utillD > ul > li.utl2 .closeBt{top:45px; right:15px}

.utillD > ul > li.utl3 .closeBt{top:45px; right:15px}

.utillD > ul > li.utl4 .closeBt{top:34px}

.utillD > ul > li .closeBt{position:absolute; top:76px; right:80px; z-index:3000}

.utillD > ul > li .closeBt img{width:20px}

.utillD > ul > li .closeBt:focus {border:1px dotted #7f7f7f}

.utillD > ul > li .utillA{position:absolute; top:0; right:0}

.utillD > ul > li.utl1 .uSnsA {position:absolute; top:30px; right:0; width:288px; border:1px solid #dbdbdb; border-top:0; background:#fff;}

.utillD > ul > li.utl1 .uSnsA .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }

.utillD > ul > li.utl1 .uSnsD {padding:20px 0; width:288px; overflow:hidden;  border:1px solid #dbdbdb; border-top:0; box-sizing:border-box}

.utillD > ul > li.utl1 .uSnsD .centerA{width:100%; }

.utillD > ul > li.utl1 .uSnsD .centerA li{width:100%; box-sizing:border-box; padding:0 20px}

.utillD > ul > li.utl1 .uSnsD .leftA {float:left; width:168px; padding:0 0 0 20px;}

.utillD > ul > li.utl1 .uSnsD .rightA {float:left; width:167px; padding:0 0 0 20px; border-left:1px solid #ebebeb;}

.utillD > ul > li.utl1 .uSnsD a,.utillD > ul > li.utl1 .uSnsD span {display:block;}

.utillD > ul > li.utl1 .uSnsD a {width:100%; height:100%; overflow:hidden;}

.utillD > ul > li.utl1 .uSnsD a:focus {border:1px dotted #7f7f7f}

.utillD > ul > li.utl1 .uSnsD li {width:100%; overflow:hidden; margin:23px 0 0;}

.utillD > ul > li.utl1 .uSnsD ul li:first-child{margin:0;}

.utillD > ul > li.utl1 .uSnsD .imgA {width:30px; float:left; margin:5px 10px 0 0;} 

.utillD > ul > li.utl1 .uSnsD .infoA {/* width:100px;  */float:left; font-size:15px; color:#555; } 

.utillD > ul > li.utl1 .uSnsD .infoA .cateA {font-weight:bold;}

.utillD > ul > li.utl2 .uNewsB {position:absolute; top:30px; right:0; width:336px; background:#fff;}

.utillD > ul > li.utl2 .uNewsB > .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; letter-spacing:-1px; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }

.utillD > ul > li.utl2 .uNewsB ul {border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}

.utillD > ul > li.utl2 .uNewsB ul li {border-bottom:1px solid #dbdbdb;}

.utillD > ul > li.utl2 .uNewsB ul li.twoL {background:#f2f2f2;}

.utillD > ul > li.utl2 .uNewsB ul li a {display:block; padding:30px 19px; width:296px; overflow:hidden;}

.utillD > ul > li.utl2 .uNewsB ul li a .imgA {display:block; float:left; width:120px; margin:0 20px 0 0;}

.utillD > ul > li.utl2 .uNewsB ul li a .imgA img{width:100%}/* 2018-11-28 추가 */

.utillD > ul > li.utl2 .uNewsB ul li a .infoA {display:block; float:left; width:155px; font-size:13px; color:#333;}

.utillD > ul > li.utl2 .uNewsB ul li a .cateA {display:block; margin:20px 0 0; color:#666;}

.utillD > ul > li.utl3 .uLangB {position:absolute; top:30px; right:0; width:159px; background:#fff;}

.utillD > ul > li.utl3 .uLangB .titA {padding:0 20px; height:48px; line-height:48px; font-size:22px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; border:1px solid #dbdbdb; }

.utillD > ul > li.utl3 .uLangB ul {padding:11px 30px 6px; border:1px solid #dbdbdb; border-top:0;}

.utillD > ul > li.utl3 .uLangB ul li {margin:0 0 10px; font-size:15px;}

/* 2018-10-30 삭제

.utillD > ul > li.utl3 .uLangB ul li.kor{background:url('../images/lang_kor.jpg') no-repeat left center}

.utillD > ul > li.utl3 .uLangB ul li.eng{background:url('../images/lang_eng.jpg') no-repeat left center}

.utillD > ul > li.utl3 .uLangB ul li.chn{background:url('../images/lang_chn.jpg') no-repeat left center} */

.utillD > ul > li.utl3 .uLangB ul li a{font-family:'Montserrat-Regular'; font-size:15px; color:#555; line-height:20px}

.utillD > ul > li.utl3 .uLangB ul li.on a{display:inline-block; padding:0 30px 0 0; font-family:'Montserrat-Medium'; color:#000; background:url('../images/lang_on.jpg') no-repeat right 1px top 50%;}

.utillD > ul > li.utl4 .inputA {position:absolute; top:30px; right:0; padding:80px 0 0 0; height:236px; border:1px solid #dbdbdb; background:#fff; box-sizing:border-box}

.utillD > ul > li.utl4 .inputA .inputDiv{width:800px; margin:0 auto; position:relative}

.utillD > ul > li.utl4 .inputA .inputDiv input{border:5px solid #d5d5d5; height:65px; width:800px; padding:0 0 0 14px; box-sizing:border-box; font-size:20px; color:#222; line-height:1; background:url('../images/inputsrch_bu.gif') no-repeat 0 6px;}

.utillD > ul > li.utl4 .inputA .searchBt {position:absolute; top:18px; right:24px} 

.utillD > ul > li.utl4 .inputA .searchBt:focus {border:1px dotted #7f7f7f}

.utillD > ul > li.utl5 .utillA{width:100%} 

.utillD > ul > li.utl5 .uSiteB {position:absolute; top:0; right:0; background:#fff; z-index:3000}

.uSiteL {width:1200px; position:relative;/*  border:1px solid #dbdbdb; */ margin:0 auto}

.mobileBg{display:none}

#uSiteSlider2 {width:1200px; /* height:2000px; */ margin:0 auto; position:relative; overflow:hidden;} 

#uSiteSlider2 ul {width:100%;/*  height:370px;  */overflow:hidden;box-sizing:border-box}

#uSiteSlider2 ul li {width:100%;  /* height:335px;   */background:#fff; font-size:14px; color:#333; box-sizing:border-box; padding:80px 0; border-bottom:1px solid #e4e4e4;}

#uSiteSlider2 ul li.clear2:after{content:''; display:block; clear:both}

#uSiteSlider2 ul li:last-child{border-bottom:0}

#uSiteSlider2 ul li .titA a{display:block; /* height:77px; */line-height:45px; font-size:35px; color:#333; /* text-align:center;  */letter-spacing:-1px; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;/*  border-bottom:1px solid #909090; */}

#uSiteSlider2 ul li .uSiteD {/* padding:27px 20px 0; */ overflow:hidden; width:calc(100% - 200px); width:-webkit-calc(100% - 200px); float:left;}/* 2018-11-22 수정 */

#uSiteSlider2 ul li p.titA{width:158px; margin-right:42px; float:left;}

#uSiteSlider2 ul li dl {float:left;/*  margin:0 0 0 70px; */ width:200px; box-sizing:border-box; padding-right:50px}

#uSiteSlider2 ul li .webList dl:nth-child(5n){padding-right:0}

#uSiteSlider2 ul li .webList dl:nth-child(5n+1){clear:both}

#uSiteSlider2 ul li .webList dl:nth-child(n+6){margin-top:50px}

#uSiteSlider2 ul li.si1 dl {float:left;/*  margin:0 0 0 110px */}

/* #uSiteSlider2 ul li.si2 .uSiteD{padding:27px 20px 0;} 

#uSiteSlider2 ul li.si2 dl{margin:0 0 0 53px;} 

#uSiteSlider2 ul li.si3 .uSiteD{padding:27px 120px 0;} 

#uSiteSlider2 ul li.si4 .uSiteD{padding:27px 35px 0;}

#uSiteSlider2 ul li.si4 dl {max-width:167px;  margin:0 0 0 34px; }

#uSiteSlider2 ul li.si5 .uSiteD {padding:27px 30px 0} 

#uSiteSlider2 ul li.si5 .uSiteD p {float:left}

#uSiteSlider2 ul li.si5 .uSiteD p:first-child{margin:0 10px 0 0;}

#uSiteSlider2 ul li.si5 dl {float:left;margin:0 0 0 34px;} 

#uSiteSlider2 ul li.si6 .uSiteD > p{display:inline-block;} 

#uSiteSlider2 ul li.si6 dl {margin:0 0 0 115px;}

#uSiteSlider2 ul li.si7 .uSiteD {padding:27px 60px 0}

#uSiteSlider2 ul li.si7 dl {margin:0 0 0 42px;} 

#uSiteSlider2 ul li.si8 .uSiteD {padding:27px 52px 0}

#uSiteSlider2 ul li.si8 dl {margin:0 0 0 40px;} */

#uSiteSlider2 ul li dl:first-child {margin:0}

#uSiteSlider2 ul li dl dt a{margin:5px 0 15px; display:block; font-size:18px; color:#333; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif}

/* #uSiteSlider2 ul li dl dd:first-child{margin:8px 0 0;} */ 

#uSiteSlider2 ul li dl dd:after{content:'-'; display:block; position:absolute; top:0; left:0}

#uSiteSlider2 ul li dl dd{margin:7px 0 0; position:relative; padding-left:10px}

#uSiteSlider2 ul li dl dd.fouD{margin:2px 0 0;}

#uSiteSlider2 ul li dl dd a{word-break:keep-all}

/* //2018-10-30 추가 및 수정 */





.uSiteL .btn_area .btn_prev{position:absolute; top:158px; left:35px; z-index:10000}

.uSiteL .btn_area .btn_next{position:absolute; top:158px; right:35px; z-index:10000}

#uSiteSlider_paging {width:100%; overflow:hidden; height:50px;}

#uSiteSlider_paging button{width:158.6px; line-height:50px; font-size:18px; color:#333; /* border-left:1px solid #fff;  */background:#f2f2f2;}/* 2018-11-29 수정 */

#uSiteSlider_paging button:first-child{border-left:0;}

#uSiteSlider_paging button.on {background:#003f82; color:#fff}

.mCateW {position:absolute; top:-30px; left:0; z-index:1000}

.mCateW li {float:left; font-size:13px; height:29px; width:100px; padding:2px 1px 0 0; text-align:center; background:url('../images/mcatel_bar.png') no-repeat left 7px;}

.mCateW li:first-child{background:none;}

.mCateW li.on {background:#fff; color:#333;}



/* 2018-10-30 추가 및 수정 */

#container.main .visualW{min-height:800px}

.visualW {position:relative; width:100%; margin:0 auto; overflow:hidden; height:686px;}

.visualW .visS{position:absolute; top:0; left:0; width:100%; overflow:hidden; height:100%; background:url('../images/mvisaul_img6.jpg') no-repeat center 0; background-size:cover !important}

.visualW .visS a {display:block; width:100%; height:100%;}

.visualW .visS a:focus {border:1px dotted #7f7f7f}

.visualW .visS span {display:block;}

.visualW .visS .videoD{width:100%; height:100%; background:#000; position:relative}

.visualW .visS .videoD video{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}

.visualW .visS .visA {position:relative; width:1200px; margin:0 auto; }

.visualW .visS .visA .titA {position:absolute; top:390px; left:0; width:100%; text-align:center; font-size:70px; color:#fff; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; }

.visualW .visS .visA .txtA {position:absolute; top:490px; left:0; width:100%; text-align:center; font-size:18px; color:#fff; line-height:30px; font-family:'NanumSquareR','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; }

.visualW .visS .visA .btnA {position:absolute; top:326px	; left:88px; }

.visualW .visS .visA .btnA a {display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; text-align:center; color:#fff}

/* 2018-11-28 수정 */

#contaniner.main .visualW .visBtD{position:absolute; top:50%; transform:translateY(-50%)}

.visualW .visBtD {position:relative; width:100%; margin:0 auto; z-index:100}

.visualW .visBtD button:focus {border:1px dotted #7f7f7f}
.visualW .visBtD .btPrev:hover{ background-color: #3567b0;}
.visualW .visBtD .btNext:hover{ background-color: #3567b0;}

.visualW .visBtD .btPrev {position:absolute; top:-20px;   
    width: 50px;
    height: 50px;
    top: 49%;
    left: 2.5rem;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    margin-top: 0px;
    padding-top: 0px;
}

.visualW .visBtD .btNext {position:absolute; top:20px; 
	width: 50px;
    height: 50px;
    top: 49%;
    right: 2.5rem;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 40px;
    margin-top: 0px;
    padding-top: 0px;
}

/*

.visualW .visBtD{position:absolute; top:50%; right:0; transform:translate(0, -50%);}

.visualW .visBtD .btPrev{display:block; position:relative; left:-35px;}

.visualW .visBtD .btNext{display:block; margin-top:40px;}*/

/*//2018-11-28 수정 */

.visualW .visInfoD {position:absolute; bottom:30px; left:0; width:1200px; text-align:center; color:#fff; z-index:100; }

.visualW .visIndi{position:absolute; text-align:center; width:100%; bottom:21px}/* 2018-12-05 수정 */

.visualW .visIndi a{display:inline-block; width:16px; height:16px; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.9); border-radius:100%}

.visualW .visIndi a.on{background:#fff; border:1px solid #fff}

.visualW .visS .videoD .controlBt{position:absolute; left:80px; top:50%; transform:translateY(-50%); width:60px; height:60px}

.visualW .visS .videoD .controlBt img{width:100%; z-index:1}

/* 2018-12-05 추가 */

.visualW .scrollDown{position:absolute; bottom:30px; left:0; width:100%; text-align:center}

.visualW .scrollDown a{display:inline-block; font-size:13px; color:#fff; letter-spacing:3px; padding-bottom:25px; background:url('../images/scrolldown.png') no-repeat center bottom}

/* //2018-12-05 추가 */

.mVisualM{display:none;}

.vPlayBt {position:relative; top:-1px; display:inline-block; width:20px; height:18px; background:url('../images/visualplay_bt.png') no-repeat 0 0; text-indent:-99999px;} 

.vPlayBt:focus {border:1px dotted #7f7f7f} 

.vPlayBt.on {background-image:url('../images/visualplay_bt_on.png')}

.mConDiv{}

.mConDiv .title{margin-top:195px; font-family:'Microsoft Yahei'; font-size:50px; color:#222; text-align:center; position:relative; opacity:0; top:40px}

.mConDiv .mConD1{width:1200px; margin:0 auto 120px}

.mConDiv .mConD1 ul{margin:80px auto 0}

.mConDiv .mConD1 ul li{width:380px; position:relative; top:30px; opacity:0; box-shadow:0 13px 35px 0 rgba(2,2,2,.2); opacity:0; top:40px}

.mConDiv .mConD1 ul li.long{width:790px; margin-right:0 !important}

.mConDiv .mConD1 ul li{margin-right:30px}

.mConDiv .mConD1 ul li:nth-child(3){margin-right:0 !important}

.mConDiv .mConD1 ul li > a:hover:after{opacity:1}

.mConDiv .mConD1 li{float:left; background:#fff; width:380px; position:relative; }

.mConDiv .mConD1 ul:after{content:''; display:block; clear:both}

.mConDiv .mConD1 li .txtA{padding:22px 27px 25px; background:#fff; min-height:150px; box-sizing:border-box}

.mConDiv .mConD1 li .txtB{display:table; position:absolute; bottom:0; left:0; width:100%; height:104px; background:url('../images/txtb_bg.png') 0 0 repeat-x; color:#fff; padding:0 30px 25px; box-sizing:border-box; font-size:18px; line-height:30px; z-index:10; vertical-align:bottom}

.mConDiv .mConD1 li .txtB span{overflow: hidden;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; position:absolute; bottom:25px; width:calc(100% - 60px)}

.mConDiv .mConD1 li .txtB strong{font-size:24px; font-weight:normal; }

.mConDiv .mConD1 .mdCmoreBtn{text-align:center; margin-top:50px;}

.mConDiv .mConD1 .mdCmoreBtn a{display:inline-block;  border:1px solid #c6c6c6; border-radius:30px; background:url('../images/media_more_btn.png') 98px 26px no-repeat; padding:20px 64px 20px 40px; line-height:1; font-size:17px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:100px}

.mConDiv .mConD1 .txtType{display:block; padding:0 20px; height:35px; line-height:35px; color:#fff; background:#06478c; font-size:14px; font-weight:bold; position:absolute; top:0; left:0; z-index:10}

.mConDiv .mConD1 ul li:first-child{margin-left:0;}

.mConDiv .mConD1 ul li > a{display:block;}

.mConDiv .mConD1 ul li > a > span{display:block;}

.mConDiv .mConD1 ul li .imgA{width:380px; height:304px; overflow:hidden}/* 2018-11-28 수정 */

.mConDiv .mConD1 ul li .imgA img {width:100%;}

.mConDiv .mConD1 .banner{margin-top:30px; position:relative; width:585px; float:left; height:230px; box-sizing:border-box; padding:40px; box-shadow:0 13px 35px 0 rgba(2,2,2,.2); opacity:0; top:40px}

/* 2018-11-05 수정, 추가 */

.mConDiv .mConD1 .banner.left{position:relative;margin-right:30px; background:url('../images/mcond1_banner_left_bg2.jpg') no-repeat left center; background-size:cover}

.mConDiv .mConD1 .banner.left .bt{background:url('../images/mcond1_banner_left_play.png') center no-repeat; width:40px; height:40px; position:absolute;  bottom:40px; left:40px; text-indent:-9999px; overflow:hidden}

/* // 2018-11-05 수정, 추가 */

.mConDiv .mConD1 .banner.right{background:url('../images/mcond1_banner_right_bg.jpg') no-repeat left center; background-size:cover}

.mConDiv .mConD1 .banner .tit{font-size:26px; color:#fff}

.mConDiv .mConD1 .banner .txt{font-size:16px; line-height:26px; color:#fff; margin-top:15px}

.mConDiv .mConD1 .btnA{width:230px; height:58px; line-height:56px; text-align:center; display:block; margin:50px auto 0; font-size:17px; font-weight:bold; background:#fff; border-radius:50px; border:1px solid #c6c6c6; position:relative; top:40px; opacity:0; color:#333}

.mConDiv .mConD2{position:relative; width:1200px; margin:0 auto}

.mConDiv .mConD2 .pdTabs{position:relative; margin:80px auto 0; top:40px; opacity:0;display: flex;}

.mConDiv .mConD2 .pdTabs:after{content:''; display:block; clear:both}

.mConDiv .mConD2 .pdTabs a{display:block;margin-right:1px; height:65px; line-height:65px; font-size:17px; font-weight:bold; text-align:center; color:#333; background:#efefef;flex:1}

.mConDiv .mConD2 .pdTabs a:last-child{margin-right:0; width:150px}

.mConDiv .mConD2 .pdTabs a.on{color:#fff; background:#06478c; box-shadow:0 13px 35px 0 rgba(2,2,2,.2)}

.mConDiv .mConD2 .tabCont{margin:50px auto 0; width:100%; height:675px; position:relative; top:40px; opacity:0; overflow:hidden}

.mConDiv .mConD2 .tabCont .pdTabCont{position:absolute; width:100%; height:675px; top:0; left:100%}

.mConDiv .mConD2 .tabCont .pdTabCont:first-child{left:0}

.mConDiv .mConD2 .tabCont .pdTabCont .img{width:100%; position:relative}

.mConDiv .mConD2 .tabCont .pdTabCont .img img{max-width:100%}

.mConDiv .mConD2 .tabCont .pdTabCont .txtArea{position:absolute; bottom:0; right:0; z-index:1; background:rgba(6, 71, 140, 0.9); width:600px; height:294px; padding:40px 60px 70px; box-sizing:border-box; color:#fff}

.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .tit{font-size:38px; line-height:1}

.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .txt{font-size:16px; line-height:26px; margin-top:25px}

.mConDiv .mConD2 .tabCont .pdTabCont .txtArea .bt{position:absolute; left:60px; bottom:40px}

.mConDiv .mConD2 .swiper-container{display:none}

.mConDiv .mConD2 .pdViewD{position:relative; margin:50px auto 0; width:1200px; height:675px; top:40px; opacity:0}

.mConDiv .mConD2 .pdViewD .pdTabCont{width:100%; height:675px}

.mConDiv .mConD2 .pdViewD .pdTabCont .img{width:100%; position:relative}

.mConDiv .mConD2 .pdViewD .pdTabCont .img img{width:100%}

.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{position:absolute; bottom:0; right:0; z-index:1; background:rgba(6, 71, 140, 0.9); width:600px; height:294px; padding:40px 60px 70px; box-sizing:border-box; color:#fff}

.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .tit{font-size:38px; line-height:1}

.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .txt{font-size:16px; line-height:26px; margin-top:25px}

.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt{position:absolute; left:60px; bottom:40px}

.mConDiv .mConD2 .swiper-pagination{position:absolute; top:80px; bottom:auto; overflow:hidden}

.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{float:left; width:149px; margin:0 1px 0 0; height:65px; opacity:0}

.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:150px; margin:0}

.mConDiv .mConD3{position:relative; width:1200px; margin:0 auto 120px}

.mConDiv .mConD3 .crmDiv{position:relative; margin:80px auto 0; width:100%}

.mConDiv .mConD3 .crmDiv:after{content:''; display:block; clear:both}

.mConDiv .mConD3 .crmDiv .list{display:block; width:285px; height:516px; float:left; margin-right:20px; position:relative; box-sizing:border-box; padding:305px 40px 0; color:#fff; opacity:0}/*2018-11-28 display:block 추가*/

.mConDiv .mConD3 .crmDiv .list:nth-child(1){background:url('../images/mcond3_thumb1.jpg') no-repeat center center; background-size:cover; top:60px}

.mConDiv .mConD3 .crmDiv .list:nth-child(2){background:url('../images/mcond3_thumb2.jpg') no-repeat center center; background-size:cover; top:120px}

.mConDiv .mConD3 .crmDiv .list:nth-child(3){background:url('../images/mcond3_thumb3.jpg') no-repeat center center; background-size:cover; top:60px}

.mConDiv .mConD3 .crmDiv .list:nth-child(4){background:url('../images/mcond3_thumb4.jpg') no-repeat center center; background-size:cover; top:0px}

.mConDiv .mConD3 .crmDiv .list .tit{font-size:26px;}

.mConDiv .mConD3 .crmDiv .list .txt{font-size:16px; line-height:24px; margin-top:35px}

.mConDiv .mConD3 .crmDiv .list:last-child{margin-right:0}

.accoPopD .bConA .infoA .txtA p{line-height:24px }

.wisB.wht{color:#fff} 

#wrapper.sub .visualW{width:100%} 

/* //2018-10-30 추가 및 수정 */



#contaniner.main .mCon1{width:100%; height:480px; background:url('../images/intmaincon1_bg.gif') repeat-x 0 bottom;}

#contaniner.main .mCon1 .mConD {position:relative; height:480px;width:1200px; margin:0 auto; overflow:hidden;}

.mCon1{position:relative; width:1200px; margin:50px auto 0; overflow:hidden}

.mCon1 .mLeftA {float:left; width:600px; overflow:hidden;}

.mMediaD {position:relative; float:left; width:599px; height:479px; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mMediaD .mTitA {position:absolute; bottom:168px; right:168px; padding:0 0 20px; font-size:20px; color:#fff; background:url('../images/downbar40x1_bu.gif') no-repeat 0 bottom;z-index:100}

.mMediaD .mMediaS {position:absolute; top:0; left:0; width:599px; height:479px; }

.mMediaD .mMediaS .imgRollA img{width:599px; height:479px;}

.mMediaD .mMediaS .imgRollA .imgA {position:absolute; top:0; left:0;}

.mMediaD .mMediaS .mBoxA {position:absolute; bottom:0; right:0; width:300px; height:240px; overflow:hidden; background:url('../images/mpressboxa_bg.png') repeat 0 0;}

.mMediaD .mMediaS .mBoxA a {position:absolute; top:0; left:0; display:block; width:220px; padding:72px 40px 0; height:168px;}

.mMediaD .mMediaS .mBoxA .titA{display:block; margin: 30px 0 0; font-size:18px; line-height:24px; letter-spacing:-0.5px; color:#fff;}

.mMediaD .mMediaS .mBoxA .txtA {display:block; margin:15px 0 13px; line-height:20px; color:#9fa5a8;}

.mMediaD .mMediaS .mBoxA .dateA{position:absolute; top:194px; left:40px; color:#9fa5a8;}

.mMediaD .btnA {position:absolute; bottom:184px; right:40px;}

.mMediaD .btnA button {width:34px; height:34px; background:url('../images/mpressl_bt.png') no-repeat 0 0; text-indent:-999999px;}

.mMediaD .btnA .btR {background-image:url('../images/mpressr_bt.png')}

.mVideoD{position:relative; float:left; width:600px; height:240px; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mVideoD .imgA .vedioImgA{position:absolute; top:0; left:0; width:600px; height:240px;}

.mVideoD .imgA img {width:600px; height:240px;}

.mVideoD a{position:absolute; top:0; left:0; display:block; width:600px;  height:240px; font-size:25px; color:#fff; z-index:100;}

.mVideoD a .mViLinkA {position:absolute; top:0;  padding:0 40px; width:520px;} 

.mVideoD a span {display:block;}

.mVideoD a span.titA{margin:0 0 20px;}

.mVideoD .playBgA {position:absolute; top:0; left:0;  width:600px; height:240px; background:url('../images/mvideoplay_bg.png') repeat 0 0;}

.mSnsD{position:relative; float:left;width:600px; height:240px; overflow:hidden;  top:30px; background:#fff; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSnsD .imgA {float:left; width:298px; height:239px; border:1px solid #dbdbdb; border-top:0;}

.mSnsD .imgA img{width:299px; height:239px;}

.mSnsD .infoA {float:left; width:299px; height:239px; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}

.mSnsD .infoA a {position:relative; display:block; padding:30px 40px 0; height:240px; }

.mSnsD .infoA .mTitA{display:block; font-size:20px; color:#000; }

.mSnsD .infoA .titA{display:block; margin:18px 0 0; font-size:18px; line-height:24px; letter-spacing:-0.5px; color:#000;}

.mSnsD .infoA .txtA {display:block; margin:12px 0 10px; letter-spacing:-1px;}

.mSnsD .infoA .dateA{position:absolute; top:194px; left:40px; color:#91989b;}

.mNoticeD{position:relative; float:left;width:600px; height:240px; overflow:hidden; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mNoticeD .imgA {position:relative; float:left; width:298px; height:239px;  overflow:hidden; border:1px solid #dbdbdb; border-bottom:0;}

.mNoticeD .imgA p.rollImgA{position:absolute; top:0; left:0;}

.mNoticeD .imgA img{width:298px; height:239px;}

.mNoticeD .infoA {position:relative; float:left; width:299px; height:239px; overflow:hidden; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb }

.mNoticeD .infoA .mTitA{position:absolute; top:28px; left:42px; font-size:20px; color:#000;  padding:0 0 20px; background:url('../images/downbarb40x1_bu.gif') no-repeat 0 bottom;}

.mNoticeD .infoA a {position:absolute; top:0; left:0;display:block; padding:74px 40px 0; height:166px; width:220px; }

.mNoticeD .infoA .titA{display:block; margin:30px 0 0; font-size:18px; line-height:24px;  letter-spacing:-0.5px; color:#000;}

.mNoticeD .infoA .txtA {display:block; margin:12px 0 10px; line-height:20px; letter-spacing:-1px;}

.mNoticeD .infoA .dateA{position:absolute; bottom:30px; left:40px; color:#91989b;}

.mNoticeD .btnA {position:absolute; top:23px; right:40px;}

.mNoticeD .btnA button {width:34px; height:34px; background:url('../images/mnoticel_bt.png') no-repeat 0 0; text-indent:-999999px;}

.mNoticeD .btnA .btR {background-image:url('../images/mnoticer_bt.png')}

.mBlockD {position:relative; float:left; width:300px; height:240px; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */} 

.mBlockD a {position:relative; display:block; padding:30px 40px 0; height:210px;}

.mBlockD .webA {position:absolute; z-index:1000}

.mBlockD .wisB {position:absolute; top:0; left:0;}

.mBlockD .mTitA{display:block; font-size:20px; color:#000;}

.mBlockD .txtA {display:block; margin:22px 0 10px; line-height:20px; letter-spacing:-1px;}

.mBlockD .imgA {display:none;}

.mCon2 {width:100%; overflow:hidden; background:#efefef; padding:130px 0;}

#contaniner.main .mCon2 {height:545px; padding:99px 0 120px}

.mManaD {position:relative;  width:1200px; margin:0 auto;}

.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}

.mManaD .newL {width:100%; overflow:hidden;}

.mManaD .newL li {position:absolute; top:200px; width:288px; height:450px; overflow:hidden; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD .newL li:first-child{margin:0;}

.mManaD .newL li a,.mManaD .newL li span{display:block;}

.mManaD .newL li a {position:relative; }

.mManaD .newL li a .imgA {width:288px; height:370px; overflow:hidden;}

.mManaD .newL li .titA {padding:28px 0;text-align:center; font-size:20px; background:#fff;}

.mManaD .newL li.twoR .titA{padding:16px 0}

.mManaD .newL li .infoA {position:absolute; bottom:-30px; left:0; width:288px; padding:25px 0 0; height:230px; background:#004a8d; text-align:center; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD .newL li .mTitA{font-size:20px; color:#fff;}

.mManaD .newL li .txtA{margin:17px 0 24px; height:105px; line-height:22px; color:#fff;}

.mManaD .newL li.twoR .txtA{height:80px;}

.mManaD .newL li .rowA{position:relative; top:30px; left:0; height:38px; background:url('../images/mmanagenewl_bu.png') no-repeat center 0; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD > .mTitA {position:absolute; top:30px; width:100%;  font-size:40px; color:#000; text-align:center;  opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD .mTxtA {position:absolute; top:98px; width:100%; font-size:15px; text-align:center; line-height:22px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD .listA {width:100%; overflow:hidden;}

.mManaD .listA li {position:absolute; top:200px; width:288px; height:168px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mManaD .listA li:first-child{margin:0;}

.mManaD .listA li a,.mManaD .listA li span{display:block;}

.mManaD .listA li a {position:relative; }

.mManaD .listA li .infoA {width:288px; padding:27px 0 0; height:189px; background:#fff; text-align:center;}

.mManaD .listA li .mTitA{font-size:20px; color:#004a8d; }

.mManaD .listA li .txtA{margin:7px 0 27px; line-height:22px;}

.mManaD .listA li .rowA{height:36px; background:url('../images/mmanagel_bu.png') no-repeat center 0;}

.mManaD .listA li a:hover .infoA {background:#004a8d;}

.mManaD .listA li a:hover .mTitA {color:#fff; }

.mManaD .listA li a:hover .txtA {color:#fff; }

.mManaD .listA li a:hover .rowA {background-image:url('../images/mmanagel_bu_on.png')}

.mCon3 {position:relative; width:1200px; margin:70px auto 80px; overflow:hidden;}

#contaniner.main .mCon3{position:relative; width:100%; height:400px;margin:0 auto; overflow:hidden; background:url('../images/mlinkd_bg.jpg') no-repeat center 0;}

.mLinkD {position:relative; width:1200px; overflow:hidden; margin:0 auto}

.mLinkD .mTitA {position:absolute; top:88px; left:0; font-size:35px; text-align:center; font-weight:bold; width:100%; color:#000;  opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mLinkD .mTitA span{font-weight:normal}

.mLinkD .mLinkA {position:relative; margin:150px auto 0; width:1125px; overflow:hidden;}



.mLinkD .mLinkL {position:relative; height:180px;}

.mLinkD .mLinkL.list2{width:742px; margin:0 auto;}

.mLinkD .mLinkL li {position:absolute; top:30px; left:0; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mLinkD .mLinkL li a, .mLinkD .mLinkL li a span{display:block;}

.mLinkD .mLinkL li a {width:162px; height:132px; padding:30px 0 0; text-align:center; border:1px solid #d9dbdc; border-radius:100px; background:#f3f4f5; }

.mLinkD .mLinkL li.on a{background:#000; border:0;}

.mLinkD .mLinkL li a .txtA {margin:10px 0 0; font-size:15px; color:#2c343c}

.mLinkD .mLinkL li.on a .txtA {color:#fff}



.mQuickD {position:relative; width:1200px; overflow:hidden; height:230px; }

.mQuickD ul li{position:absolute; top:40px; width:288px; height:230px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mQuickD ul li:first-child{margin:0 !important;}

.mQuickD ul li a, .mQuickD ul li a span{display:block; }

.mQuickD ul li a {position:relative;}

.mQuickD ul li .mTitA {position:absolute; bottom:10px; left:10px; width:228px; padding:0 20px; height:47px; line-height:47px; color:#000; font-size:16px !important;background:#fff;} 

.mQuickD ul li a .frameA{position:absolute; top:0; left:0; display:none;}

.mQuickD ul li a:hover .frameA {display:block; width:288px; height:230px; background:url('../images/mquickframe_bg.png') repeat 0 0;}

.mQuickD ul li a:hover .mTitA {color:#fff; background:#004a8d;}

.mQuickD ul li a:hover .mTitA span{background:url('../images/mquick_bu.png') no-repeat right 50%;}

.mQuickD.count3 {height:280px}

.mQuickD.count3 ul li{width:390px; height:280px}

.mQuickD.count3 ul li .mTitA {width:330px;}

.mQuickD.count3 ul li a:hover .frameA {width:390px; height:280px;}

.mCon4 {width:100%; margin:0 auto; padding:45px 0 80px; overflow:hidden; background:#e6e6e6;}

/*.mNotiD {position:relative; width:1200px; overflow:hidden; margin:0 auto; height:50px; }

.mNotiD .mTitA {padding:13px 0 13px 32px; float:left;  width:68px; font-size:18px; color:#323232; font-family:'Microsoft Yahei' ,sans-serif; background:url('../images/mnoti_bu.png') no-repeat 0 50%;}

.mNotiD .mNotiA{float:left; width:1080px; padding:11px 0}

.mNotiD .mNotiA .titA {padding:0 12px 0 0; margin:0 12px 0 0; background:url('../images/mnoti_bar.png') no-repeat right 2px}

.mNotiD .moreBt {position:absolute; top:0; right:0; width:16px; height:50px; background:url('../images/mnotimorebt_bu.png') no-repeat right 50%; text-indent:-999999px;}*/



/*용품 서브메인*/

.goodsMain .visualW .visS {background:url('../images/mgoodsvisaul_img1.jpg') no-repeat center 0;}

.goodsMain .visualW .visS .visA .titA {color:#0e72cb}

.goodsMain .visualW .visS .visA .txtA {top:255px}

.subMain  .mCon1 {margin:30px auto 80px;}

.goodTypeA .wisB {position:relative; width:1200px; margin:0 auto; height:450px; background:url('../images/mgoodstype_img1.jpg') no-repeat center 0; top:30px; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.goodTypeA .wisB .txtArea {position:absolute; top:75px;right:88px;}

.goodTypeA .wisB .txtArea .titA {font-size:26px; color:#fff;}

.goodTypeA .wisB .txtArea .txtA {margin:15px 0 0; font-size:13px; color:#fff;}

.goodTypeA .wisB .txtArea .btnA {margin:25px 0 0}

.goodTypeA .wisB .txtArea .btnA a{display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; font-size:13px; color:#fff; text-align:center}

.goodsMain .goodsList {margin:0; position:relative;}

.goodsMain .goodsList li {position:absolute; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.goodsMain .mCon2 {padding:80px 0;}

.subMain .mConD {width:1200px; margin:0 auto;}

.subMain .mTitA{font-size:20px; color:#333;}

.mGoodsNotiD {position:relative; float:left; padding:50px 30px 50px 40px; width:391px; height:260px; background:#fff; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mGoodsNotiD ul {margin:26px 0 0}

.mGoodsNotiD ul li {margin:12px 0 0; padding:0 0 0 13px; color:#555; background:url('../images/nemo_bu.png') no-repeat 0 12px;}

.mGoodsNotiD ul li .cateA {font-weight:bold; color:#333;}

.mGoodsNotiD .moreBt{position:absolute; top:50px; right:36px;}

.mGoodsInfoD a{display:block; width:100%; height:100%;} 

.mGoodsInfoD span {display:block;} 

.mGoodsInfoD {float:left; width:364px; height:360px;}

.mGoodsInfoD .mTitA{position:absolute; top:45px; left:40px;}

.mGoodsInfoD .guideD {position:relative; width:364px; height:180px; background:url('../images/mgoodsguide_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mGoodsInfoD .obuD{position:relative; width:364px; height:180px; background:url('../images/mgoodsobu_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mGoodsInfoD .obuD .mTitA{color:#fff;}

.mGoodsEventD {position:relative; float:left; width:364px; height:360px; background:url('../images/mgoodsevent_bg.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mGoodsEventD a{display:block; width:100%; height:100%;} 

.mGoodsEventD a span {display:block;}

.mGoodsEventD .txtArea{position:absolute; top:45px; left:40px}

.mGoodsEventD .txtA {margin:15px 0 0}

.mGoodsEventD .txtA span{display:block;}

.subMain .mCon3 {margin:45px auto 0; padding-bottom:80px}/* 2018-12-06 수정 */

.subMain .mCon3 .mTitA {font-size:30px; color:#333;}

.goodsMain .mGoodsCusL {position:relative; margin:30px 0 0; height:360px; width:100%; overflow:hidden;}

.goodsMain .mGoodsCusL .mTitA {font-size:20px; color:#333;}

.goodsMain .mGoodsCusL li {position:absolute; width:300px; height:360px; background:url('../images/mgoodscustom_bg1.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.goodsMain .mGoodsCusL li.gl2 {width:298px; height:358px; border:1px solid #eaeaea; background-image:url('../images/mgoodscustom_bg2.jpg');}

.goodsMain .mGoodsCusL li.gl3 {background-image:url('../images/mgoodscustom_bg3.jpg');}

.goodsMain .mGoodsCusL li.gl4 {width:298px; height:358px; border:1px solid #eaeaea; background-image:url('../images/mgoodscustom_bg4.jpg');}

.goodsMain .mGoodsCusL li a {display:block; width:100%; height:100%;}

.goodsMain .mGoodsCusL li span {display:block}

.goodsMain .mGoodsCusL li .txtArea {position:absolute; top:35px; left:30px;}

.goodsMain .mGoodsCusL li .txtA {margin:15px 0 0; font-size:13px; }

.goodsMain .mGoodsCusL li .txtA span {display:block}

.subMain .mCon4 .mTitA {font-size:30px}



/*사회책임경영 서브메인*/

#contaniner.societyMain{background:#f4f4f4;}

.societyMain .visualW .visS {background:url('../images/msocietyvisaul_img1.jpg') no-repeat center 0;}

.societyMain .visualW .visS .visA .titA {color:#092869;} /* 2016-08-12 수정 left:0; 삭제 */

.societyMain .visualW .visS .visA .txtA {color:#181818;} /* 2016-08-12 수정 left:0; 삭제 */

.mSoMangeD {width:100%; overflow:hidden;}

.mSoMangeD .mangeS{position:relative; float:left;width:600px; height:270px; overflow:hidden; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoMangeD .mangeS .imgA {float:left; width:300px; height:270px;}

.mSoMangeD .mangeS .imgA img{width:300px; height:270px;}

.mSoMangeD .mangeS .infoA {float:left; width:300px; height:270px; background:#fff;}

.mSoMangeD .mangeS .infoA a {position:relative; display:block; padding:30px 40px 0; height:240px;}

.mSoMangeD .mangeS .infoA .mTitA{display:block; font-size:22px; color:#000;}

.mSoMangeD .mangeS .infoA .txtA {display:block; margin:85px 0 10px; line-height:22px; }

.mSoWidthD {position:relative; margin:80px 0 0; padding:158px 0 0;}

.mSoWidthD .mTitA{position:absolute; width:100%; font-size:30px; text-align:center; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoWidthD .mTxtA {position:absolute; width:100%; font-size:15px; line-height:26px; text-align:center; top:95px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoWidthD .widthL {position:relative; margin:0 auto; width:910px; height:136px}

.mSoWidthD .widthL li {position:absolute; top:30px; left:0; width:130px; text-align:center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoWidthD .widthL li .txtA {margin:12px 0 0;}

.mSoWidthD .btnA {margin:40px 0 0; position:relative; top:30px; left:0; width:100%; text-align:center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoWidthD .btnA a {display:inline-block; padding:10px 22px; font-size:20px; color:#112369; border:1px solid #112369; background:#fff;}

.mSoBlockD {position:relative; width:100%; height:270px; margin:80px 0 0}

.mSoBlockD li {position:absolute; top:30px; left:0; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mSoBlockD li .notiBox {position:relative; width:285px; height:270px;}

.mSoBlockD li a ,.mSoBlockD li a span{display:block;}

.mSoBlockD li .notiBox .topA {position:relative;}

.mSoBlockD li .notiBox .cateA {position:absolute; bottom:0; left:0; padding:8px 13px; color:#fff; background:#092869;}

.mSoBlockD li .notiBox .txtA {padding:18px 20px; font-size:15px; line-height:22px; background:#fff;}

.mSoBlockD li .blockD {position:relative; width:285px; height:270px; background:url('../images/msoblock_bg3.jpg') no-repeat 0 0;} 

.mSoBlockD li .blockD.bl2 {background-image:url('../images/msoblock_bg4.jpg'); border-left:0;}

.mSoBlockD li .blockD a {position:relative; display:block; padding:30px 40px 0; height:240px;}

.mSoBlockD li .blockD .mTitA{display:block; font-size:20px; color:#000;}

.mSoBlockD li .blockD .txtA {display:block; margin:12px 0 10px; line-height:20px; }

.societyMain .mCon2 .mConD .mTitB{position:relative; top:30px; left:0; color:#000;  font-size:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.societyMain .mCon2 {padding:45px 0 80px; margin:0 auto}

.societyMain .mCon3 {margin:70px auto 90px;}



/* 제품 */

/* 2018-11-09 추가*/

.proTop{width:100%;  overflow:hidden; margin-bottom:30px; position:relative}

.proTop .img{width:50%; float:left}

.proTop p{width:50%;  padding:50px; box-sizing:border-box; float:right; background:#fff; line-height:24px; font-size:16px; position:relative}

.proTop .broDown{width:calc(100% - 100px ); height:60px; line-height:60px; display:inline-block; color:#fff; font-size:20px; background:#004b8d; font-weight:bold; position:absolute; text-align:center; /* padding-right:40px;  */box-sizing:border-box; position:absolute; bottom:50px; left:50px}

.proTop .broDown span{padding-right:20px; display:inline-block;  background:url('../images/file_down_icon.png') right center no-repeat }

.squBu, .squBuTit{display:block; position:relative; padding-top:15px}

.squBu:after, .squBuTit:after{content:''; display:block; background:url('../images/square_bu.png') center no-repeat; width:20px; height:6px; position:absolute; top:0; left:0}

.squBuTit{font-size:20px; font-weight:bold; color:#333; margin-bottom:15px}

.cirBlue{display:block; position:relative; padding-left:15px}

.cirBlue:after{content:''; display:block; width:5px; height:5px; border-radius:50%; background:#004b8d; position:absolute; top:9px; left:0}

/* 2018-11-20 수정 */

.proDiv{font-size:16px; line-height:24px}

.proDiv dl{margin-top:60px; overflow:hidden}

.proDiv dl:first-of-type{margin-top:0}

.proDiv dl dt{float:left; width:180px; margin-right:20px}

.proDiv dl dd{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px)}

.proDiv .proCon1{}

.proDiv .viewCon{padding:0 0 20px}

.proDiv .proCon1 dd > div{border:1px solid #e6e6e6; box-sizing:border-box; margin-top:20px;}

.proDiv .proCon1 dd > div:first-child{margin-top:0}

.proDiv .proCon1 .proTit{width:100%; background:#f4f4f4; padding:20px 30px; box-sizing:border-box; font-weight:bold; color:#333; line-height:1}

.proDiv .proCon1 .proTxt{padding:30px}

.proDiv .proCon2{margin-top:60px; overflow:hidden;}

.proDiv .proCon2 .viewCon .videoD{margin:0}

/* //2018-11-20 수정 */

.proDiv .proCon2 .squBuTit{float:left; width:180px; margin-right:20px}

.proDiv .proCon2 .viewCon{float:left; width:calc(100% - 200px); width:-webkit-calc(100% - 200px)}

.proDiv .viewCon .vScriptD{padding:0 30px;}

.proDiv .proCon3{position:relative}

.proDiv .proCon3 p.tit{font-size:20px; font-weight:bold; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; color:#323232; line-height:1;}

.proDiv .proCon3 .swiper-container{padding-top:20px}

.proDiv .proCon3 .swiper-slide img{width:100%}

.proDiv .proCon3 .swiper-slide p{background:#fff; padding:25px 30px; width:100%; box-sizing:border-box; color:#333;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.proDiv .proCon3 .swiper-pagination{top:0; right:0}

.proDiv .proCon3 .swiper-pagination-bullet{width:12px; height:12px; background:#b8c8da; opacity:1; margin-left:8px}

.proDiv .proCon3 .swiper-pagination-bullet-active{background:#06468d}

/* // 2018-11-09 추가*/



/* 커뮤니케이션 2019-03-11 추가 */

.viewCon .viewD .swImgD{position:relative; width:800px; height:auto; margin:60px auto 210px; }

.viewCon .viewD .swImgD .swiper-slide{}

.viewCon .viewD .swImgD .swiper-slide img{max-width:100%; width:100%; height:auto;}

.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}

.viewCon .viewD .swiper-button-prev{left:-99px; background:url("../images/swimgd_left.jpg") center no-repeat; width:39px; height:71px;}

.viewCon .viewD .swiper-button-next{right:-99px; background:url("../images/swimgd_right.jpg") center no-repeat; width:39px; height:71px;}

.viewCon .viewD .swiper-pagination{bottom:-70px; right:0; width:100px; height:40px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:20px; color:#fff; line-height:40px;}

/* // 2019-03-11 추가 */



/* footer */

/* 2018-11-27 수정 */

#footer {position:relative; width:100%; background:#212121; z-index:1000}

#footer .quickA{position:relative; width:1200px; margin:0 auto; padding:60px 0; overflow:hidden; text-align: center;}

/* 2018-11-29 폰트 삭제 */

#footer .quickA .leftD{float:left; width:160px; height:100px; box-sizing:border-box; font-size:20px; line-height:30px; text-align:left; padding:20px 0 50px 40px; color:#fff; background-image:linear-gradient(#1b5ea5, #132d8d); letter-spacing:0.3px;}

/* // 2018-11-29 폰트 삭제 */

#footer .quickA .rightD{overflow:hidden; margin-left:40px; width:1012px; float:left; margin-top:30px;text-align: center;}

#footer .quickA .rightD .list{width:156px; font-size:18px; float:left; color:#fff; line-height:26px; height:52px; margin-top:5px}

#footer .quickA .rightD .list a{display:inline-block; padding-right:25px; background:url('../images/foot_quick_arrow.png') no-repeat right 3px; color:#fff}

#footer .topA{position:relative; width:1275px; height:50px; margin:0 auto; border-top:1px solid #333; border-bottom:1px solid #333}

#footer .topA .famSiteD{width:100%;}

#footer .topA .famSiteD a.bt{position:relative; width:100%; display:block; height:50px; line-height:50px;  color:#fff; background:#212121;font-size:16px}

/* 2018-11-29 폰트 삭제 */

#footer .topA .famSiteD a.bt span {display:inline-block; padding-right:22px; font-size:16px; letter-spacing:1px}

/* // 2018-11-29 폰트 삭제 */



#footer .topA .famSiteD > a.on span{background-image:url('../images/foot_family_minusbt.png');}

#footer .topA .famSiteD .famList{position:absolute; bottom:50px; width:100%; left:0; height:330px; border:1px solid #545456; background:#06478c;}

#footer .topA .famSiteD .famList .listD{width:1200px; margin:0 auto}

#footer .topA .famSiteD .famList .listD{overflow:hidden}

#footer .topA .famSiteD .famList .listD ul {float:left; width:350px; padding:50px 0 0 50px}

#footer .topA .famSiteD .famList .listD ul li p{font-weight:bold; color:#fff; font-size:20px; margin-bottom:13px; line-height:1}

#footer .topA .famSiteD .famList .listD ul li a{font-size:15px; line-height:30px; color:rgba(255, 255, 255, 0.6)}

#footer .topA .famSiteD .famList .listD ul li a:hover{font-weight:bold; color:#fff; text-decoration:underline}

#footer .topA .famSiteD .famList .listD ul li p a{font-weight:bold; color:#fff; font-size:20px; margin-bottom:13px}

#footer .topA .famSiteD .famList .listD ul li p a:hover{text-decoration:none}

#footer .topA .famSiteD .famGo {float:left; display:block; width:66px; height:42px; line-height:42px; color:#fff; text-align:center;background:#545456;}

#footer .footerS{position:relative; width:1277px; margin:0 auto; padding:20px 0 40px; overflow:hidden;}

#footer .footerS .leftA{width:1030px}

#footer .footerS .leftA .fUtillL {width:100%; overflow:hidden;}

#footer .footerS .leftA .fUtillL li {float:left; margin-right:30px; font-size:16px}

#footer .footerS .leftA .fUtillL li.bold a{font-weight:bold; color:#fff}

#footer .footerS .leftA .fUtillL li a{color:#afafaf}

#footer .footerS .leftA .copy {color:#9c9c9c; font-size:15px; margin:20px 0 0 0;}/* 2018-11-29 폰트 삭제 */

#footer .footerS .telA{margin:35px 0 0 0; font-size:20px; color:#fff}

#footer .footerS .telA span{font-size:22px;}/* 2018-11-29 폰트 삭제 */

#footer .footerS .webCirtyM{position:absolute; right:0; top:50px; overflow:hidden;}

#footer .footerS .webCirtyM a{display:block; float:left; text-align:center;}

#footer .footerS .webCirtyM .webAwd{margin-left:19px;}

#footer .footerS .webCirtyM a span{display:block; font-size:10px; color:#fff;}

#footer .footerS .webCirtyM a .txt{margin-top:7px; opacity:0.5}

#footer .footerS .webCirtyM .webAcc.wtisB .txt{margin-top:9px;}

#footer.cyber{background:#414143;}

#footer.cyber .footerS{width:840px; height:70px; line-height:70px; padding:0 50px; box-sizing:border-box}

#footer.cyber .footerS p{font-size:12px; color:#6e6e70}

/* //2018-11-27 수정 */



/*서브*/

/* 2018-10-30 수정 */

.subTopD {position:relative; width:1160px; margin:0 auto; padding:0 40px 0 0; min-height:40px;}

.subTopD .subNaviD {position:relative; width:100%}

.subTopD .subNaviD:after{content:''; display:block; clear:both}

.subTopD .subNaviD .navhome{float:left}

.subTopD .subNaviD .spDep{float:left; width:260px; position:relative; border-right:1px solid #f0f0f0}

/* 2018-11-23 수정 및 추가 */

.subTopD .subNaviD .spDep .bt{display:block; height:60px; background:url('../images/spdep_open.png') no-repeat right 20px top 50%; color:#666; font-family:'Microsoft Yahei'; font-size:16px; position:relative;}

.subTopD .subNaviD .spDep .bt span{padding:0 50px 0 20px; width:100%; box-sizing:border-box; line-height:20px; position:absolute; top:50%; transform:translateY(-50%); word-break:keep-all}

/* // 2018-11-23 수정 및 추가 */

.subTopD .subNaviD .spDep.on .bt{background:url('../images/spdep_close.png') no-repeat right 20px top 50%; color:#333}

.subTopD .subNaviD ul{display:none; position:absolute; width:100%; top:60px; left:-1px; background:#fff; z-index:1; padding:15px 0;  border:1px solid #f0f0f0; border-top:none}

.subTopD .subNaviD ul li{display:block}

.subTopD .subNaviD ul li a{display:block; padding:0 0 0 20px; font-size:16px; color:#333; line-height:46px}

.subTopD .subNaviD ul li a.on,

.subTopD .subNaviD ul li a:hover{color:#c20026}

.subTopD .subNaviD ul li:first-child{padding-left:0; background:none;}

.subTopD .printBt {position:absolute; top:0; right:0; width:60px; height:100%; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; text-indent:-999999px;} 

.subTopD .printBt a {display:block; width:100%; height:100%; background:url('../images/print_bu.gif') no-repeat center center;}

/* //2018-10-30 수정 */



/* 2018-10-30 수정 */

.sub #cBody {width:100%; margin:0 auto; border-top:1px solid #f0f0f0; background:#f4f4f4} 

.cyber #cBody {width:100%; margin:0 auto; border-top:1px solid #f0f0f0; background:#fff;}

/* //2018-10-30 수정 */

.subTitD {position:relative; width:1200px; margin:0 auto; padding:50px 0 20px; border-bottom:3px solid #323232}

.subTitD h3 {text-align:center; font-size:50px; color:#323232; font-weight: normal;}

.subTitD h3 .en{font-size:55px;}

.pShareD {position:absolute; top:61px; right:0}

.pShareD .bt{width:40px; height:40px; background:url('../images/share_icon.png') no-repeat 0 0; text-indent:-99999px;}

.pShareD .closeBt {position:absolute; top:0; right:0; width:40px; height:40px; background:url('../images/share_icon_on.png') no-repeat 0 0; text-indent:-99999px;}

.pShareD .pShareA {position:absolute; top:68px; right:0; width:580px; height:360px; padding:28px 0 0; text-align:center; background:#fff; z-index:500}

.pShareD .pShareA .row {position:absolute; top:-13px; right:12px; width:16px; height:13px; background:url('../images/psharea_row.png') no-repeat 0 0;}

.pShareD .pShareA .titA {font-size:23px; color:#444; padding:0;}

.pShareD .pShareA .pSnsList {width:375px; margin:40px auto 0; text-align:center; }

.pShareD .pShareA .pSnsList a{display:inline-block; width:70px; height:140px; margin:0 0 0 26px; text-align:center; }

.pShareD .pShareA .pSnsList a:first-child,

.pShareD .pShareA .pSnsList a:nth-child(5){margin:0;}

.pShareD .pShareA .pSnsList a img {margin:0 0 5px;}

.pShareD.typeB {bottom:40px; top:auto;}

.pShareD.typeB .closeBt {top:auto; bottom:0;}

.pShareD.typeB .pShareA {top:auto; bottom:60px;}

.pShareD.typeB .pShareA .row {top:auto; bottom:-13px; background:url('../images/psharea_row2.png') no-repeat 0 0;}

.subCon {position:relative; width:1200px; margin:0 auto; padding:0 0 100px;}

.subDiv {padding:55px 50px 80px; background:#fff;}

.subDiv img{max-width:100%}

.subDiv.tp {padding:55px 50px 80px; background:#fff;}

.subDiv.tp2 {padding:0 50px 80px; background:#fff;}

.subDiv2 {padding:55px 60px 80px; background:#fff;}

.pageTopBt {position:absolute; top:0; right:-45px;}

.titStyle{font-size:17px; font-weight:bold; color:#333; position:relative;}

.titStyle:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}

.txtStyle{font-size:14px; color:#666}

.ceoTop{width:1200px; height:270px; padding:95px 0 0 180px; box-sizing:border-box; line-height:23px; background:url('../images/ceotop_bg.jpg') no-repeat center 0;}

.ceoTop > p{line-height:38px; font-size: 30px;}

.ceoTop .cBlue{font-weight:bold;}

.ceoTop .txtTp{font-size:20px; font-weight:bold; color:#333}

.divideTxtA{overflow:hidden; padding:27px 60px 32px;}

.divideTxtA.tp{padding:0 60px 32px;}

.divideTxtA > div{float:left; width:540px;}

.divideTxtA > div > p{line-height:24px; margin-top:23px;}

.divideTxtA > div > p:first-child{margin-top:0}

.divideTxtA .signTxt{position:relative; font-size:16px; color:#666; margin-top:52px;}

.divideTxtA .signTxt:before{position:absolute; width:28px; height:2px; content:""; background:#000; top:-6px;}

.divideTxtA .signTxt strong{color:#000}

.divideTxtA .btnA{padding-top:40px; clear:both;}

.divideTxtB{overflow:hidden; padding:0 60px 60px;}

.divideTxtB > div{float:left; width:540px;}

.divideTxtB > div > p{line-height:24px;}

.divideTxtB .mTit{font-size:17px; color:#333}

.visionW{padding:74px 50px; overflow:hidden;}

.listTp2{overflow:hidden;}

.listTp2 li{width:360px; float:left; margin-left:10px;}

.listTp2 li:first-child{margin-left:0;}

.listTp2 li div{border:1px solid #e5e5e5; padding:25px 28px;}

.listTp2 li div .tit{font-size:16px; font-weight:bold; color:#333;}

.listTp2 li div .txt{font-size:13px; color:#666; margin-top:15px; line-height: 22px;}

.visionW .idea > .tit{font-size:17px; font-weight:bold; color:#333; position:relative;}

.visionW .idea > .tit:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}

.visionW .idea > .txt{font-size:14px; color:#666}

.visionW .listTp{overflow:hidden;}

.visionW .listTp li{width:550px; float:left; min-height:120px;}

.visionW .listTp li div{padding-left:140px;}

.visionW .listTp li.listUnit1{background:url('../images/visionlist1.png') left no-repeat; margin-top:27px;}

.visionW .listTp li.listUnit2{background:url('../images/visionlist2.png') left no-repeat; margin-top:27px;}

.visionW .listTp li.listUnit3{background:url('../images/visionlist3.png') left no-repeat; margin-top:20px;}

.visionW .listTp li.listUnit4{background:url('../images/visionlist4.png') left no-repeat; margin-top:20px;}

.visionW .listTp li.listUnit5{background:url('../images/visionlist5.png') left no-repeat; margin-top:20px;}

.visionW .listTp li .tit{font-size:20px; color:#003f82; margin-top:16px;}

.visionW .listTp li .txt1{font-size:15px; color:#333; margin-top:9px;}

.visionW .listTp li .txt2{font-size:13px; color:#666; margin-top:8px; line-height:20px;}

.visionW .boardType1{margin-top:20px;}

.visionList{padding-top:8px; background:#fff;}

.visionList li{position:relative;}

.visionList li.vision1{position:relative; width:1200px; height:300px;}

.visionList li.vision1 .subTit3{letter-spacing:-2px; margin-top:45px}

.visionList li.vision2{position:relative; width:1200px; height:300px; margin-top:10px}

.visionList li.vision2 .txt{padding-top:85px; background:url('../images/vision2_icon.png') left top no-repeat;}

.visionList li.vision3{position:relative; width:1200px; height:300px; margin-top:10px}

.visionList li > div{position:absolute; left:50px; top:50px;}

.visionList li > div .tit{font-size:17px; font-weight:bold; color:#333; position:relative}

.visionList li > div .tit:before{position:absolute; width:15px; height:1px; background:#333; content:""; top:-2px;}

.visionList li > div .txt{color:#333; line-height:22px;}

.visionList li .busiD{overflow:hidden; position:relative; left:-50px; margin-top:25px;}

.visionList li .busiD dl{float:left; width:164px; padding-left:25px; padding-top:80px; position:relative}

.visionList li .busiD dl:before{width:1px; height:150px; content:""; background:#b3b3b2; opacity:0.8; top:0; left:0; position:absolute;}

.visionList li .busiD dl:first-child:before{background:none;}

.visionList li .busiD dt{font-weight:bold; color:#333; margin-bottom:5px;}

.visionList li .busiD dd{font-size:13px; color:#555; position:relative; padding-left:7px;}

.visionList li .busiD dd:before{position:absolute; width:3px; height:3px; border-radius:3px; background:#333; content:""; left:0; top:8px;}

.visionList li .busiD .unit1{background:url('../images/busiunit1.png') center top no-repeat;}

.visionList li .busiD .unit2{background:url('../images/busiunit2.png') center top no-repeat;}

.visionList li .busiD .unit3{background:url('../images/busiunit3.png') center top no-repeat;}

.officeHeadD{width:1200px; height:600px; padding:145px 0 0 180px; background:url('../images/officehead.jpg') no-repeat center 0; position:relative; box-sizing:border-box;}

.officeHeadD .txt{line-height:32px; font-size:20px;}

.officeHeadD .cBlue{font-size:30px; font-weight:bold; display:inline-block; margin-top:3px;}

.officeHeadD .txtTp{font-size:20px; font-weight:bold; color:#333}

.officeHeadD .infoArea{position:absolute; bottom:0; left:0; width:100%; height:150px;; background:url('../images/bluearea_bg.png') repeat; padding:0 50px; box-sizing:border-box;}

.officeHeadD .infoArea > div{float:left; margin-top:50px;}

.officeHeadD .infoArea > div span{color:#fff; display:inline-block; font-size:16px; padding:13.5px 0 15.5px 60px}

.officeHeadD .infoArea .infoUnit1{background:url('../images/infounit1_icon.png') left no-repeat;}

.officeHeadD .infoArea .infoUnit2{background:url('../images/infounit2_icon.png') left no-repeat; margin-left:59px;}

.officeHeadD .infoArea > a{float:right; background:#fff; font-size:16px; font-weight:bold; color:#000; display:block; padding:11.5px 34px; margin-top:53px;}

.brachTabArea{overflow:hidden; margin-top:30px;}

.brachTabArea a{float:left; width:200px; box-sizing:border-box; border:1px solid #e2e2e2; display:block; font-size:16px; color:#444; text-align:center; height:48px; line-height:48px; background:#fff;}

.brachTabArea.tp a{line-height:18px; padding:5px; font-size:16px;}

.brachTabArea a.on{background:#06478c; color:#fff; font-weight:bold; border:1px solid #0d2844}

.brachConArea{margin-top:30px; overflow:hidden; background:#fff;}

.brachConArea .imgA{float:left; display:block;}

.brachConArea .con{float:left; padding:37px 50px 0 47px; width:600px; box-sizing:border-box}

.brachConArea .con > .tit{font-size:40px; color:#444}

.brachConArea .con > .txt{line-height:24px; margin-top:20px; padding-bottom:17px;}

.brachConArea .con .bInfo{position:relative; margin-top:30px; padding-right:140px;}

.brachConArea .con .bInfo.ovTp{position:relative; margin-top:30px; padding-right:0;}

.brachConArea .con .bInfo .tit{position:relative; font-size:17px; font-weight:bold; color:#333}

.brachConArea .con .bInfo .tit:before{position:absolute; content:""; width:15px; height:1px; top:0; left:0; background:#333;}

.brachConArea .con .bInfo .add{margin-top:15px;}

.brachConArea .con .bInfo .add span{display:block; line-height:24px;  text-indent:-39px; margin-left:39px}

.brachConArea .con .bInfo .mapBt{position:absolute; right:0; bottom:0;}

.overseasMap{width:100%; margin-top:30px; text-align:center; background:#fff;}



/* 회사소개 */ 

.summaryTop {position:relative; width:1150px;  padding:45px 25px; line-height:23px; font-size:16px; color:#fff; background:url('../images/ceotop_bg.jpg') no-repeat center 0;background-size:cover}/* 2017-09-13 수정 */





/* 2017-09-13 추가 */

.summaryTop .btnA {position:absolute; bottom:60px; right:40px;}

.summaryTop .btnA a {display:inline-block; padding:10px 20px 7px; font-size:16px; color:#000;  background:#fff;}

.summaryTop .btnA a span{font-size:16px; margin:0 5px 0 0}



.moduleTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/moduletop_bg.jpg') no-repeat center 0;}

.keyComTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; }

.asPartsTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/aspartstop_bg.jpg') no-repeat center 0;}

.infoGoodsTop {width:1140px; height:180px; padding:80px 0 0 60px; line-height:23px; font-size:15px; color:#fff; background:url('../images/infogoodstop_bg.jpg') no-repeat center 0;}

.asPartsL {width:100%; margin:20px 0 0; overflow:hidden;}

.asPartsL li {width:25%; float:left; text-align:center;}

.asPartsL li .titA{padding:12px 0; border:1px solid #ddd; border-left:0;}

.asPartsL li .imgA{padding:20px 10px;  border:1px solid #ddd; border-top:0;  border-left:0;}

.asPartsL li:first-child .titA,

.asPartsL li:first-child .imgA{border-left:1px solid #ddd}

.infoGoodsD {width:100%; margin:36px 0 0; overflow:hidden;}

.infoGoodsD .leftA {float:left; padding:0 90px; width:360px; margin:0 auto; text-align:center;}

.infoGoodsD .rightA {float:left; padding:0 90px; width:359px;  margin:0 auto;  border-left:1px solid #e4e4e4; text-align:center;}

.infoGoodsD .imgA > span {display:inline-block; margin:0 4px;}

.infoGoodsD .titA {display:inline-block; margin:8px 0 0; color:#333;}

.infoGoodsD .txtA {line-height:26px; margin:20px 0 0;}

.infoGoodsD2{width:100%; margin:36px 0 0; overflow:hidden;}

.infoGoodsD2 .imgA {float:left; width:180px;}

.infoGoodsD2 .titA {display:inline-block; margin:8px 0 0; color:#333;}

.infoGoodsD2 .infoA{float:left; width:900px;}

.introSumL {width:100%; overflow:hidden;}

.introSumL li {float:left; width:500px; min-height:151px; overflow:hidden; padding:33px 40px 43px 60px; background:#ececec;}

.introSumL li:nth-child(6){border-bottom:1px solid #ececec}

.introSumL li.bgW{background:#fff;}

.introSumL li .infoA {float:left; width:308px; }

.introSumL li .infoA .titA {font-size:18px;}

.introSumL li .infoA .barTxt {display:inline-block; font-weight:bold; margin:10px 0 0; padding:0 11px 17px 0; font-size:28px; letter-spacing:0; color:#000;background:url('../images/bartxt_bar.gif') no-repeat 0 bottom;}

.introSumL li .infoA .txt2 {margin:21px 0 0; line-height:20px;}

.introSumL li .imgA {float:right; width:132px; padding:8px 0 0;}

.introSumL2 {width:100%; overflow:hidden;}

.introSumL2 li {float:left; width:352px; margin:0 0 0 12px}

.introSumL2 li:first-child {margin:0}

.introSumL2 li .infoA {padding:25px 27px; min-height:170px; font-size:13px; border:1px solid #e5e5e5; letter-spacing:-0.8px;}

.introSumL2 li .infoA .titA {font-size:15px; font-weight:bold; color:#333}

.introSumL2 li .infoA .txtA {margin:9px 0 0; line-height:20px}

.ciW .ciD p{line-height:24px; letter-spacing:-0.8px;}

.colorD {margin:35px 0 0; width:100%; overflow:hidden;}

.colorD .leftA {float:left; width:530px; margin:0 40px 0 0;}

.colorD .rightA {float:right; width:530px;}

.colorList {width:100%; overflow:hidden;}

.colorList li {float:left; width:25%; padding:0 20px 0 0; margin:20px 0 0; box-sizing:border-box}

.colorList li:nth-child(4n) {padding:0;}

.colorList li .titA {width:100%; height:75px; padding:25px 0 0; color:#fff; font-weight:bold; text-align:center;}

.colorList li.mBlue .titA{background:#092869;}

.colorList li.mRed .titA{background:#ef120a;}

.colorList li.mBlack .titA{background:#000000;}

.colorList li.mDarkGray .titA{background:#615b56;}

.colorList li.mGray .titA{background:#908476;}

.colorList li.mLightGray .titA{background:#e3d6ce;}

.colorList li.mLightBlue .titA{background:#074b88;}

.colorList li.mGreen .titA{background:#5a8363;}

.colorList li.mSilver .titA{background:#867c7a;}

.colorList li.mGold .titA{background:#8c6730;}

.colorList li .txtA {padding:14px 10px; font-size:13px; line-height:17px; font-weight:bold; text-align:center; border:1px solid #e9e9e9; border-top:0; background:#f8f8f8;}

.colorList li .txtA.twoR {padding:9px 10px}

.colorLogoL {width:100%; overflow:hidden;}

.colorLogoL li {float:left; width:33.33333%; margin:30px 0 0; overflow:hidden; box-sizing:border-box}

.colorLogoL li:after{content:""; clear:both; display:block !important}

.colorLogoL li .imgA {float:left; width:154px; margin:0 20px 0 0}

.colorLogoL li .txtA {float:left; line-height:90px; font-weight:bold; font-size:13px;}

.colorLogoL li .txtA .disB2{display:block}

.colorLogoL.cLogoL1 li .txtA {line-height:72px;}

.colorLogoL li .txtA.twoR {line-height:21px; margin:22px 0 0}

.colorLogoL.cLogoL1 li .txtA.twoR {margin:13px 0 0; line-height:21px;}

.colorLogoL li .txtA.thrR {line-height:21px; margin:10px 0 0}

.colorLogoL.cLogoL3 li .txtA,

.colorLogoL.cLogoL4 li .txtA {font-weight:normal;}

.logoMarkD {margin:40px 0 0; padding:40px 135px; background:#f4f4f4;}

.banGraphicD {margin:40px 0 0; width:100%; overflow:hidden;}

.banGraphicD .imgA {float:left; width:50%; text-align:right;}

.banGraphicD .txtA {float:left; width:50%; text-align:left; padding:25px 0 0 30px; box-sizing:border-box}



/* 고객서비스 */

/* 2018-10-30 수정*/

.serviceMain .serviceVisualW{position:relative;width:100%; margin:0 auto; overflow:hidden; height:600px}

.serviceMain .serviceVisualW{background:url('../images/servicevisual_img2.jpg') center no-repeat; left:0 !important}/* 2018-11-28 left:0 추가 */

.serviceMain .serviceVisualW .srchW{width:50%; height:100%; background:url('../images/blackw_bg.png') repeat; position:relative;}

.serviceMain .serviceVisualW .srchD{position:absolute; right:44px; top:90px;}

/* // 2018-10-30 수정 */

.serviceMain .serviceVisualW .srchD .title{font-size:30px; color:#fff}

.serviceMain .serviceVisualW .srchD ul{margin-top:35px}

.serviceMain .serviceVisualW .srchD li{height:40px; line-height:40px; margin-top:10px;}

.serviceMain .serviceVisualW .srchD li:first-child{margin-top:0;}

.serviceMain .serviceVisualW .srchD li > p{float:left; width:74px; font-weight:bold; color:#c6c6c6;}

.serviceMain .serviceVisualW .srchD li > div{float:left; width:482px;}

.serviceMain .serviceVisualW .srchD li > div > a{margin-left:4px; vertical-align:top; color:#d0d0d0; text-align:center; display:inline-block; background:#000; border-radius:4px}

.serviceMain .serviceVisualW .srchD li > div > a:first-child{margin-left:0}

.serviceMain .serviceVisualW .srchD li > div > a.w50{width:239px;}

.serviceMain .serviceVisualW .srchD li > div > a.w33{width:158px;}

.serviceMain .serviceVisualW .srchD li > div > a.select{background:#003f82; font-weight:bold;}

.serviceMain .serviceVisualW .srchD li > div input{width:100%; box-sizing:border-box; height:40px; vertical-align:top; background:#000; border:1px solid #000; border-radius:4px; color:#d0d0d0}

.serviceMain .serviceVisualW .srchD li > div .classifyW{position:relative;}

.serviceMain .serviceVisualW .srchD li > div .classifyW > a{width:100%; text-align:left; color:#d0d0d0; vertical-align:top; box-sizing:border-box; display:inline-block; border-radius:4px; padding:0 20px; background:url('../images/selbox_arrow.png') 96% no-repeat #000;}

.serviceMain .serviceVisualW .srchD li > div .classifyW.on > a{ background:url('../images/selbox_arrow.png') 96% no-repeat #003f82; border-bottom-right-radius:0; border-bottom-left-radius:0; }

.serviceMain .serviceVisualW .srchD li > div .classifyW .selW{position:absolute; top:40px; background:#003f82; width:100%; display:none; padding:6px 20px; box-sizing:border-box;  border-bottom-right-radius:4px; border-bottom-left-radius:4px}

.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW{border-top:1px solid #33659b; padding:12px 0;}

.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW a{display:block;color:#d0d0d0; height:30px; line-height:30px;}

.serviceMain .serviceVisualW .srchD li > div .classifyW .selW .scrollW a:hover{text-decoration:underline; font-weight:bold;}

.serviceMain .serviceVisualW .srchD .btnA a{float:right; width:482px; display:inline-block; height:40px; line-height:40px; background:#efefef; color:#000; font-size:17px;}

.serviceMain .serviceVisualW .srchD .btnA a img{position:relative; top:10px}

.proSrchTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#fff; background:url('../images/prosrchtop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.proSrchTop .txt1{font-size:25px;}

.proSrchTop .txt2{font-size:16px;margin-top:5px;}

.proSrchTxt{padding:35px 60px 0;}

.proSrchTxt .txt1{font-size:22px; color:#444; letter-spacing:-1.5px;}

.proSrchTxt .txt2{font-size:14px; color:#444;margin-top:10px; line-height:20px;}

.proSrchTxt .txt3{font-size:14px; color:#444; letter-spacing:-1.5px; text-indent:-6px; margin-left:6px; line-height:22px;;}

.proSrchA{overflow:hidden; width:1080px; margin:35px auto 0; background:url('../images/prosrch_bg.jpg') left top no-repeat; padding-left:170px; box-sizing:border-box}

.proSrchA.pTp{margin:50px auto 0}

.proSrchA .imgA{float:left; width:170px; overflow:hidden; border-top:2px solid #323232; border-bottom:2px solid #323232}

.proSrchA .chkList{float:left; width:910px; height:auto; border-top:2px solid #323232; border-bottom:2px solid #323232}

.proSrchA .chkList li{border-top:1px solid #f2f2f2; padding-left:21px; height:70px; line-height:70px; overflow:hidden;}

.proSrchA .chkList li:first-child{border-top:none}

.proSrchA .chkList li .titA{float:left; width:146px;}

.proSrchA .chkList li .chkA{float:left}

.proSrchA .chkList li .chkA select{vertical-align:inherit;}

.proSrchA .chkList li .chkA .regionSel0{width:734px;}

.proSrchA .chkList li .chkA input[type="text"]{vertical-align:inherit;}

.proSrchA .chkList li .chk{margin-right:30px;}

.proSrchA .chkList .tit{display:inline-block; color:#333; font-size:18px;}

.proSrchA .chkList label{padding-left:25px; background:url('../images/chktp1_off.gif') left 2px no-repeat; padding-bottom:1px; font-size:16px; color:#444; cursor:pointer}

.proSrchA .chkList input[type="radio"]{display:none}

.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left 2px no-repeat; padding-bottom:1px; color:#000; font-weight:bold;}

.proSrchA.tp1 select{width:300px; height:40px; font-size:16px;}

.proSrchA.tp1 input[type="text"]{width:413px; height:32px; font-size:16px; color:#003f82; font-weight:bold}

.proSrchA.tp2 select{width:365px; height:40px; font-size:16px;}

.proSrchA.tp2 input[type="text"]{width:712px; height:32px; font-size:16px; color:#003f82; font-weight:bold}

.proResultA{padding:0 60px; margin-top:80px;}

.proResultA .tit{font-size:25px; color:#333; }

.proResultA .partInfoA{border:1px solid #d6d6d6; position:relative;}

.proResultA .partInfoA .imgA{position:absolute; left:0; top:0; width:168px; height:168px; background:url('../images/partpickbg.jpg') no-repeat; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6}

.proResultA .partInfoA .infoA{width:100%; box-sizing:border-box; padding:37px 0 45px 31px;}

.proResultA .partInfoA .infoA.noData{line-height:88px; padding:41px 0 41px 31px}

.proResultA .partInfoA .infoA.noData p{font-size:16px; color:#444}

.proResultA .partInfoA .infoA .tit{font-size:24px; color:#444;}

.proResultA .partInfoA .infoA ul{margin-top:14px;}

.proResultA .partInfoA .infoA li{position:relative; padding-left:8px; color:#444; font-size:16px; }

.proResultA .partInfoA .infoA li:before{position:absolute; left:0; top:10px; width:5px; height:1px; background:#444; content:"";}

.proResultA .notiA{background:url('../images/m_notia_q.png') 10px 10px no-repeat #f3f3f3; padding:10px 10px 10px 32px; border:1px solid #d9d9d9; background-size:15px; font-size:13px;}

.partSrchBt{background:#383838; color:#fff; font-size:16px; font-weight:bold; padding:10.5px 51px 12.5px; display:inline-block;}

.partNoData{background:#f4f4f4; font-size:20px; color:#333; padding:42px 40px; width:1080px; margin:auto; box-sizing:border-box}

.partNoData p{background:url('../images/partnodata_icon.png') top no-repeat; padding-top:53px}

.partFindTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#0a0a0a; background:url('../images/partfindtop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.partFindTop .txt1{font-size:16px; }

.partFindTop .txt2{font-size:25px; margin-top:10px; }

.partFindA{padding:45px 60px 100px; box-sizing:border-box}

.partFindA > .txt{font-size:14px; line-height:24px;}

.titInfoA{width:1080px; overflow:hidden; margin-top:36px; margin-bottom:40px;}

.titInfoA.tp{margin-bottom:0;}

.titInfoA.tp2{width:1100px;}

.titInfoA .titA{float:left; width:180px; border-top:3px solid #323232; padding-top:17px;}

.titInfoA .titA.tp2{float:left; width:147px; border-top:1px solid #004b8d; padding-top:17px;}

.titInfoA .titA .tit{font-size:25px; color:#0a0a0a; line-height:32px; }

.titInfoA .titA .titTp2{font-size:36px; color:#074b88; line-height:32px;}

.titInfoA .titA .btn{margin-top:15px;}

.titInfoA .titA .btn a{display:inline-block; font-size:16px; font-weight:bold; color:#fff; background:#383838; padding:11.5px 20px}

.titInfoA .infoA{float:right; width:880px; border-top:1px solid #323232; overflow:hidden; padding-top:20px;}

.titInfoA .infoA.tp2{float:right; width:933px; border-top:1px solid #d4d4d4; overflow:hidden; padding-top:12px;}

.titInfoA .infoA .infoListA{width:100%; }

.titInfoA .infoA .infoListA li > p{line-height:23px; padding:5px 0 5px 0;}

.titInfoA .infoA .infoListA li .imgA{width:100%; margin-bottom:40px; margin-top:7px; display:inline-block;}

.titInfoA .infoA .infoListA li .imgA img{margin-left:15px;}

.titInfoA .infoA .infoListA li .imgA img:first-child{margin-left:0}

.titInfoA .infoA .recordList li{margin-top:5px;}

.titInfoA .infoA .recordList li p{position:relative; padding-left:25px}

.titInfoA .infoA .recordList li span{font-weight:bold; color:#333; display:inline-block; width:25px; position:absolute; left:0; top:0;}

.titInfoA .featA li{float:left; width:176px; padding-top:92px; }

.titInfoA .featA li.feat1{background:url('../images/wpcfeat1.png') center top no-repeat;}

.titInfoA .featA li.feat2{background:url('../images/wpcfeat2.png') center top no-repeat;}

.titInfoA .featA li.feat3{background:url('../images/wpcfeat3.png') center top no-repeat;}

.titInfoA .featA li.feat4{background:url('../images/wpcfeat4.png') center top no-repeat;}

.titInfoA .featA li.feat5{background:url('../images/wpcfeat5.png') center top no-repeat;}

.titInfoA .featA li p{text-align:center; font-size:13px; color:#666}

.titInfoA .manualA .txt{float:left; line-height:22px;}

.titInfoA .manualA .btnA{float:right;}

.titInfoA .manualA .btnA a{display:inline-block; background:url('../images/arrowbgtp.png') 190px no-repeat #003e80; padding:18px 36px 14px 26px; color:#fff; font-size:19px; border:1px solid #002b58; border-radius:28px; margin-left:10px;}

.titInfoA .manualA .btnA a:first-child{margin-left:0;}

.titInfoA .strategyA{float:right; width:880px; overflow:hidden;}

.titInfoA .strategyA .titTp{font-size:28px; color:#333;}

.titInfoA .strategyA ul{overflow:hidden; width:100%;}

.titInfoA .strategyA li{float:left; width:32%; margin-left:2%; box-sizing:border-box; padding:32px 33px 35px 33px; border:1px solid #ddd; min-height:383px;}

.titInfoA .strategyA li:first-child{margin-left:0;}

.titInfoA .strategyA li p{font-size:18px; color:#333; position:relative; padding-bottom:10px; font-weight:bold;}

.titInfoA .strategyA li p:after{position:absolute; width:14px; height:2px; background:#333; content:""; bottom:0; left:50%; margin-left:-7px;}

.titInfoA .strategyA dl{margin-top:20px;}

.titInfoA .strategyA dt{font-size:16px; color:#333; margin-bottom:5px;}

.titInfoA .strategyA dd{font-size:16px; position:relative; padding-left:10px;}

.titInfoA .strategyA dd:before{width:4px; height:4px; border-radius:4px; content:""; position:absolute; left:0; top:9px; background:#666;}

.brchSrchTop{width:1200px; height:270px; padding:105px 0 0 60px; color:#fff; background:url('../images/brchsrchtop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.brchSrchTop .txt{font-size:16px; line-height:24px;color:#444}

.manualDownTop{width:1200px; height:270px; padding:109px 0 0 50px; color:#fff; background:url('../images/manualdowntop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.manualDownTop .txt{font-size:16px;}

.manualBotA{padding:65px 60px 0;}

.manualBotA.tp{padding:65px 60px 0;}

.manualBotA .txt{line-height:22px;}

.questionTop{width:1200px; height:270px; padding:105px 0 0 59px; background:url('../images/questiontop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.questionTop p{ font-size:16px; color:#444; line-height:24px;}

.naviUpdateTop{width:1200px; height:270px; padding:104px 0 0 60px; background:url('../images/naviupdatetop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.naviUpdateTop .txt1{font-size:25px; color:#fff;}

.naviUpdateTop .txt2{font-size:16px; color:#fff; line-height:24px; margin-top:10px;}

.faqType li{background:#fff; margin-bottom:6px;}

.faqType li > a{display:block; position:relative; padding:25px 50px 27px 85px; background:url('../images/faq_q.png') no-repeat 20px 19px; font-size:14px; font-weight:bold; color:#666}

.faqType li > a:hover{background:url('../images/faq_q.png') no-repeat 20px 19px; color:#444; font-weight:bold;}

.faqType li.on > a{background:url('../images/faq_q_on.png') no-repeat 20px 19px #fff; color:#444; font-weight:bold; text-decoration:underline;}

.faqType li > a span{display:block; position:absolute; top:28px; right:20px;}

.faqType li .answer{padding:25px 20px 30px 85px; background:url('../images/faq_a.png') no-repeat 19px 30px #f9f9f9; line-height:24px; border:1px solid #e2e2e2}

.partnerShipA{overflow:hidden; border:1px solid #e2e2e2; background:#eee; padding:37px 40px 37px 40px;}

.partnerShipA .txtA{padding:10px 0 10px 50px; background:url('../images/partnership_icon.png') left no-repeat; font-size:16px; color:#333; vertical-align:middle;}

.partnerShipA .btnA{margin-left:15px}

.partnerShipA .btnA a{display:inline-block; background:#383838; font-size:16px; color:#fff; padding:11px 20px; margin-left:2px; font-weight:bold;}

.partnerShipA .btnA a:first-child{margin-left:0;}

.serviceMain .mCon1{margin:30px auto 30px !important;}

.serviceMain .mGoodsCusL {position:relative; height:360px; width:100%; overflow:hidden;}

.serviceMain .mGoodsCusL .mTitA {font-size:20px; color:#333; }

.serviceMain .mGoodsCusL li {position:absolute; width:400px; height:360px; background:url('../images/mservicecustom_bg1.jpg') no-repeat right 0; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.serviceMain .mGoodsCusL li.gl2 {width:400px; height:358px; background-image:url('../images/mservicecustom_bg2.jpg');}

.serviceMain .mGoodsCusL li.gl3 {background-image:url('../images/mservicecustom_bg3.jpg');}

.serviceMain .mGoodsCusL li a {display:block; width:100%; height:100%;}

.serviceMain .mGoodsCusL li span {display:block}

.serviceMain .mGoodsCusL li .txtArea {position:absolute; top:35px; left:30px;}

.serviceMain .mGoodsCusL li .txtA {margin:15px 0 0; font-size:13px; }

.serviceMain .mGoodsCusL li .txtA span {display:block}

.serviceMain .mCon2{padding:40px 0 80px; background:#e6e6e6;}

.serviceMain .mCon2 .mTitA{font-size:30px; color:#222;}

.serviceMain .mCon3{margin:0 !important; background:#efefef; width:100%;}

.serviceMain .mCon3 .listA{min-height:548px !important;}

.serviceMain .mCon3 .mManaD{margin:80px auto 100px;}

.sManualA .manualList{width:100%; }

.sManualA .manualList li > p{line-height:23px; padding:5px 0 5px 0;}

.sManualA .manualList li .imgA{width:100%; margin-bottom:40px; margin-top:7px; display:inline-block;}

.sManualA .manualList li .imgA img{margin-left:15px;}

.sManualA .manualList li .imgA img:first-child{margin-left:0}



/*용품*/

.goodsTop {position:relative; width:1200px; height:245px; padding:310px 0 0; /* background:url('../images/goodstop_bg.jpg') no-repeat center 0; */ overflow:hidden;}

.goodsTop .imgA {display:none;}

.goodsTop .gSrchD{position:absolute; bottom:0; left:0; padding:30px 60px 40px; width:1080px; min-height:177px; text-align:center; background:url('../images/goodstopbox_bg.png') repeat center 0;z-index:1}

.goodsTop .bgImg{position:absolute; left:50%; top:0; margin-left:-600px}

.gCateD button{margin:0 0 10px; padding:0 30px; height:38px; line-height:36px; font-size:16px; font-weight:bold; color:#fff; border:1px solid #fff; background:#181818; border-radius:20px;}

.gCateD button span {display:none;}

.gCateD button.on {padding:0 20px 0 26px; color:#000; background:#fff;}

.gCateD button.on span{display:inline-block; margin:0 0 0 5px; width:14px; height:38px; background:url('../images/gcatechcek_bu.png') no-repeat 0 50%;}

.gSrchA {position:relative; width:445px; padding:0 55px 17px 0; margin:20px auto 0; border-bottom:2px solid #fff;}

.gSrchA .inputA {width:445px; min-height:40px; text-align:left; background:url('../images/inputa_bar.png') no-repeat 0 5px;}

.gSrchA .inputA input{font-size:25px; width:425px; height:40px;  padding:0 10px; background:none; border:0}

.gSrchA button{position:absolute; top:0; right:0;}

.goodsList {margin:50px 0 0; width:100%; overflow:hidden;}

.goodsList ul > li {position:relative; float:left; width:400px;}

.goodsList ul > li a span{display:block;}

.goodsList ul > li a .hover {display:none; position:absolute; top:30px; left:30px; padding:20px; width:300px; height:230px; text-align:center; background:url('../images/goodsl_bg.png') repeat center 0;}

.goodsList ul > li a:hover .hover{display:block;}

.goodsList ul > li a .hover .titA {margin:38px 0 0; font-size:18px; color:#fff; line-height:28px;}

.goodsList ul > li a .hover .txtA {margin:15px 0 0; font-size:13px; color:#fff; line-height:18px;}

.goodsList ul > li a .hover .rowA {margin:30px 0 0;}

.loginD.gLoginD .rightA{padding:25px 0 25px 70px}



/* 미디어센터 */

.comNewsTop {position:relative; width:1150px; height:180px; padding:50px 0 0 50px; margin:0 0 20px 0; background:url('../images/comnewstop_bg.jpg') no-repeat center 0; overflow:hidden;}

.comNewsTop .btnA{margin:25px 0 0;}

.comNewsTop .btnA .androidBt {display:inline-block; padding:0 39px 0 0; border-right:1px solid #d0d0d0}

.comNewsTop .btnA .iosBt {display:inline-block; padding:0 0 0 33px;}

.comNewsTop .btnA a span {display:inline-block; margin:0 0 0 13px; padding:16px 0 0; color:#333; font-weight:bold;}

.comNewsTop .btnA a span img{display:inline-block;}

.gardenList{overflow:hidden;}

.gardenList li{float:left; width:25%; background:#fff;}

.gardenList li .imgA img{width:100%;}

.gardenList li .txtA{font-size:14px; color:#333; padding:15px 18px; box-sizing:border-box}

.subAppPop{position:absolute;}

.subAppPop .pWrap{width:574px;}

.subAppPop .pWrap .pHead{width:100%; padding:16px 21px; background:#333; font-size:20px; font-weight:bold; color:#fff; box-sizing:border-box; position:relative;}

.subAppPop .pWrap .pHead a{position:absolute; right:20px; top:21px;}

.subAppPop .pWrap .pBody{width:100%; padding:32px 40px 40px 40px; background:#fff; box-sizing:border-box}

.subAppPop .pWrap .pBody .txt{color:#333}

.subAppPop .pWrap .pBody .infoList{border:1px solid #ddd; margin-top:20px; padding:17px 20px 20px 20px}

.subAppPop .pWrap .pBody .infoList li{margin-top:5px;}

.subAppPop .pWrap .pBody .infoList li:first-child{margin-top:0;}

.subAppPop .pWrap .pBody .agreeChkA{padding:20px 20px 20px 20px; position:relative; border-bottom:1px solid #ddd}

.subAppPop .pWrap .pBody .agreeChkA span{position:absolute; right:20px; bottom:25px;}

.subAppPop .pWrap .pBody .agreeChkA span label{margin-left:4px; cursor:pointer}

.subAppPop .pWrap .pBody .registA{margin-top:30px;}

.subAppPop .pWrap .pBody .registA input{width:248px; height:29px;}

.subAppPop .pWrap .pBody .registA a{display:inline-block; text-align:center; color:#fff; font-weight:bold; width:60px; height:37px; line-height:37px; background:#003f82; margin-left:4px;}

/* .mediaMain{background:#f4f4f4;} 2018-10-30 삭제 */

/* 2018-10-30 수정 */ 

#wrapper.sub .mediaMain .visualW .visS.v1 {background:url('../images/mediacvisual_img1.jpg') no-repeat center 0;}

#wrapper.sub .mediaMain .visualW .visS.v2 {background:url('../images/mediacvisual_img2.jpg') no-repeat center 0;}

#wrapper.sub .mediaMain .visualW .visS.v3 {background:url('../images/mediacvisual_img3.jpg') no-repeat center 0;}

#wrapper.sub .mediaMain .visualW .visS .visA .labelA{left:88px; position:absolute; top:150}

#wrapper.sub .visualW {position:relative;width:100%; margin:0 auto; overflow:hidden; height:600px;}

#wrapper.sub .visualW .visS{position:absolute; top:0; left:0; width:100%; overflow:hidden; height:600px; background:url('../images/mvisaul_img1.jpg') no-repeat center 0;}

#wrapper.sub .visualW .visS a {display:block; width:100%; height:100%;}

#wrapper.sub .visualW .visS a:focus {border:1px dotted #7f7f7f}

#wrapper.sub .visualW .visS span {display:block;}

#wrapper.sub .visualW .visS .visA {position:relative; width:1200px; margin:0 auto; }

#wrapper.sub .visualW .visS .visA .titA {position:absolute; top:110px; left:88px; font-size:50px; color:#fff; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; text-align:left}

#wrapper.sub .visualW .visS .visA .titA.blue{color:#092869;}

#wrapper.sub .visualW .visS .visA .txtA {position:absolute; top:188px; left:88px; font-size:16px; color:#fff; line-height:24px; font-family:'Microsoft Yahei','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; text-align:left }

#wrapper.sub .visualW .visS .visA .txtA.blk{color:#000}

#wrapper.sub .visualW .visS .visA .btnA {position:absolute; top:326px	; left:88px; }

#wrapper.sub .visualW .visS .visA .btnA a {display:block; width:118px; height:34px; line-height:34px; border:1px solid #fff; text-align:center; color:#fff}

#wrapper.sub .visualW .visBtD {position:relative; width:1200px; margin:0 auto; z-index:100}

#wrapper.sub .visualW .visBtD button:focus {border:1px dotted #7f7f7f}

#wrapper.sub .visualW .visBtD .btL {position:absolute; top:260px; left:0;}

#wrapper.sub .visualW .visBtD .btR {position:absolute; top:260px; right:0;}

#wrapper.sub .visualW .visInfoD {position:absolute; width:100%; bottom:30px; left:0; text-align:center; color:#fff; z-index:100; } /* 2018-11-29 수정 */

#wrapper.sub .mVisualM{display:none;}

#wrapper.sub .vPlayBt {position:relative; top:-1px; display:inline-block; width:20px; height:18px; background:url('../images/visualplay_bt.png') no-repeat 0 0; text-indent:-99999px;} 

#wrapper.sub .vPlayBt:focus {border:1px dotted #7f7f7f} 

#wrapper.sub .vPlayBt.on {background-image:url('../images/visualplay_bt_on.png')}

.mediaMain .visualW .visS .visA .titA {color:#fff}

.mediaMain .visualW .visS .visA .txtA {top:255px}



.mediaMain .blackBg{position:absolute; left:0; top:0; width:50%; height:100%; background:url('../images/blackw_bg.png') repeat;}

/* .mediaMain .mediaTabArea1 ul{overflow:hidden;}  2018-10-30 삭제*/

.mediaMain .mediaTabArea1 li{float:left; background:#fff; width:380px; position:relative; }

.mediaMain .mediaTabArea1 .tabA1 ul:after{content:''; display:block; clear:both}

.mediaMain .mediaTabArea1 .tabA1 li .txtA{padding:22px 27px 25px; background:#fff; min-height:150px; box-sizing:border-box}

.mediaMain .mediaTabArea1 .tabA1 li .txtB{display:table; position:absolute; bottom:0; left:0; width:100%; height:104px; background:url('../images/txtb_bg.png') 0 0 repeat-x; color:#fff; padding:0 30px 25px; box-sizing:border-box; font-size:18px; line-height:30px; z-index:10; vertical-align:bottom}

.mediaMain .mediaTabArea1 .tabA1 li .txtB span{overflow: hidden; position:absolute; bottom:25px; width:calc(100% - 60px)}

.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:24px; font-weight:normal; }

.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn{text-align:center; margin-top:50px;}

.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{display:inline-block;  border:1px solid #c6c6c6; border-radius:30px; background:url('../images/media_more_btn.png') 98px 26px no-repeat; padding:20px 64px 20px 40px; line-height:1; font-size:17px; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:100px}

.mediaMain .mediaTabArea1 .tabA1 .txtType{display:block; padding:0 20px; height:35px; line-height:35px; color:#fff; background:#06478c; font-size:14px; font-weight:bold; position:absolute; top:0; left:0; z-index:10}

/* // 2018-10-30 수정 */



.mediaMain .mediaTabArea1 .tabA1 li .tit{font-weight:bold; font-size:16px; color:#333; line-height:22px;}

.mediaMain .mediaTabArea1 .tabA1 li .txt{font-size:13px; line-height:22px; display:block; margin-top:15px;}

/*.mediaMain .mediaTabArea1 .wrapA{margin-top:30px;} 2018-11-13 삭제*/

/* .mediaMain .mediaTabArea1 .mTabCon1{height:462px !important;}  2018-10-30 삭제 */

.mediaMain .mediaTabArea1 .mTabCon1M{display:none;}



/* 2018-10-30 추가, 수정 */

.mediaMain .mediaTabArea1 .mTabCon1 ul:first-child li{opacity:0; top:30px}

.mediaMain .mediaTabArea1 .mTabCon1 ul li{width:380px; position:relative; top:0; opacity:1; box-shadow:3px 3px 15px rgba(2,2,2,.1); margin-top:30px; overflow:hidden} /* 2018-11-13 opacity 수정ㅇㅇㅇ */

.mediaMain .mediaTabArea1 .mTabCon1 ul li.long{width:790px; margin-right:0 !important}

.mediaMain .mediaTabArea1 .mTabCon1 ul li{margin-right:30px}

.mediaMain .mediaTabArea1 .mTabCon1 ul li:last-child{margin-right:0}

/* 2018-11-13 삭제

.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(3),.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(4),

.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(5){margin:30px 30px 0 0}*/

.mediaMain .mediaTabArea1 .mTabCon1 ul.type1 li:nth-child(5n){margin-right:0 !important}/* 2018-11-08 수정 */

.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:hover:after{opacity:1}

/* // 2018-10-30 추가 , 수정 */

.mediaMain .mediaTabArea1 .mTabCon1 ul li:first-child{margin-left:0;}

.mediaMain .mediaTabArea1 .mTabCon1 ul li > a{display:block;}

.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/mediac_hover.png') center no-repeat rgba(0,0,0,.5); opacity:0; transition:all .5s linear} /* 2018-10-23 추가 */

.mediaMain .mediaTabArea1 .mTabCon1 ul li > a > span{display:block;}

.mediaMain .mediaTabArea1 .wrapA ul li .imgA{width:380px; height:304px}

.mediaMain .mediaTabArea1 .wrapA ul li .imgA img {width:100%;}

.mediaMain .mediaTabArea1 .wrapA ul li .imgB, 

.mediaMain .mediaTabArea1 .wrapA ul li .imgB img{width:790px; height:304px }

/* 2018-11-08 추가 */

/*.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(3){margin-top:0}  2018-11-13 삭제*/

.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(6){margin-top:30px}

.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(3n){margin-right:0}

/* //2018-11-08 추가 */

.mediaMain .mediaTabArea1 .tabA2 ul li{top:0; opacity:1; background:none;}

.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4){margin-left:0;}

.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4),

.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(5),

.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(6){margin-top:20px;}

.mediaMain .mediaTabArea1 .tabA2 ul li > a{display:block;}

.mediaMain .mediaTabArea1 .tabA2 ul li > a span{display:block;}

.mediaMain .mediaTabArea1 .tabA2 .articleW{width:100%; height:175px; box-sizing:border-box; padding:35px 38px; background:#fff; position:relative;}

.mediaMain .mediaTabArea1 .tabA2 ul li .tit{font-size:20px; color:#333; font-weight:bold; letter-spacing:-1px;}

.mediaMain .mediaTabArea1 .tabA2 ul li .date{font-size:14px; color:#999; margin-top:35px; position:absolute; left:38px; bottom:33px}

.mediaMain .mediaTabArea1 .tabTypeA > div > ul > li{position:absolute;}

.mediaMain .mCon1{margin:40px auto 0 !important;}

.mediaMain .mCon1 .btnArea a{position:relative; top:30px; opacity:0;}

.mediaMain .mediaTabArea1 .btnArea a img{position:relative; top:12px; right:13px}

.mediaMain .mediaTabArea2 .btnArea a img{position:relative; top:10px; right:8px}

.mediaMain .mCon2{padding:100px 0; background:#fff;}

.mediaMain .mCon2 .mConD > .tit{font-size:40px; color:#000; font-family:'NanumSquareB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; position:relative; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mediaMain .mCon2 .mConD > .txt{font-size:16px; color:#999; margin-top:30px; position:relative; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}/* 2018-10-23 수정 */

.mediaMain .mCon2 .prCenterW{margin-top:55px}

/* 2018-10-30 추가 2018-11-24 여기 */

.mediaMain .mCon2 .mediaSnsW{text-align:center; margin-top:83px; opacity:0}

.mediaMain .mCon2 .mediaSnsW>div{opacity:0}

.mediaMain .mCon2 .mediaSnsW a{display:inline-block; padding:90px 0 0; padding-bottom:42px; width:83px; text-align:center; margin-right:57px; position:relative; top:0; transition:all .3s linear; }

.mediaMain .mCon2 .mediaSnsW a:hover{top:-33px}

.mediaMain .mCon2 .mediaSnsW a:hover:after{opacity:1}

.mediaMain .mCon2 .mediaSnsW a:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/mediac_arrow.png') center bottom no-repeat; opacity:0; transition:all .2s linear;}

.mediaMain .mCon2 .mediaSnsW a:nth-child(1){background:url('../images/mediac_sns_blog.jpg') top center no-repeat; }

.mediaMain .mCon2 .mediaSnsW a:nth-child(2){background:url('../images/mediac_sns_post.jpg') top center no-repeat; }

.mediaMain .mCon2 .mediaSnsW a:nth-child(3){background:url('../images/mediac_sns_insta.jpg') top center no-repeat; }

.mediaMain .mCon2 .mediaSnsW a:nth-child(4){background:url('../images/mediac_sns_face.jpg') top center no-repeat; }

.mediaMain .mCon2 .mediaSnsW a:nth-child(5){background:url('../images/mediac_sns_youtube.jpg') top center no-repeat; }

.mediaMain .mCon2 .mediaSnsW a:nth-child(6){background:url('../images/mediac_sns_navertv.jpg') top center no-repeat; margin-right:0}

/* // 2018-10-30 추가 */



.mMideaVideoD {position:relative; float:left; padding:0; width:600px; height:400px; background:#fff; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mMideaVideoD a,

.mMideaVideoD span{display:block;}

.mMideaVideoD .imgA img{width:600px; height:400px;}

.mMideaVideoD .playBu{position:absolute; left:50%; top:50%; margin-left:-26px; margin-top:-26px;}

.mMideaReportD {position:relative; float:left; width:300px; height:400px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mMideaReportD a{display:block; width:100%; height:100%;} 

.mMideaReportD a span {display:block;}

.mMideaPrD .moreBt{position:absolute; top:50px; right:36px;}

.mMideaPrD a{display:block; width:100%; height:100%;} 

.mMideaPrD span {display:block;} 

.mMideaPrD .imgA {position:absolute; left:0; top:0;} 

.mMideaPrD {float:left; width:300px; height:400px;}

.mMideaPrD .mTitA{position:absolute; top:45px; left:40px;}

.mediaMain .mCon2 .mMideaPrD{width:25%; height:auto;}

.mediaMain .mCon2 .mMideaPrD > div{width:100%; height:auto; padding:0;}

.mediaMain .mCon2 .mMideaPrD .box1 .tit{font-size:22px; color:#333; position:absolute; z-index:1; left:10%; top:17%;}

.mediaMain .mCon2 .mMideaPrD .box1 .txt{position:absolute; z-index:1; left:10%; top:22%; font-size:16px; margin-top:23px; line-height:22px;}

.mediaMain .mCon2 .mMideaPrD .imgA{position:relative;}

.mediaMain .mCon2 .mMideaPrD .imgA img{width:100%;}

.mediaMain .mCon2 .mMideaPrD .box1{position:relative; width:300px; height:200px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mediaMain .mCon2 .mMideaPrD .box2{position:relative; width:300px; height:200px; top:30px; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mediaMain .mediaTabArea2{margin-top:80px;}

.mediaMain .mediaTabArea2 .btnArea{margin-top:0px;}

.mediaMain .mediaTabArea2 .mTabCon2 {position:relative; width:1200px; overflow:hidden;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li{float:left; position:relative; top:30px; width:285px; margin-top:30px !important; margin-left:20px !important; opacity:0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */  filter: alpha(opacity=0); /* IE 5-7 */}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li:first-child{margin-left:0 !important;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li a, .mSnsD ul li a span{display:block; }

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li a {position:relative;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA{position:relative; width:100%; height:160px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA a{position:relative; display:block;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .bgA,

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .bgA img{width:100%; height:160px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA{position:absolute; top:0; left:0;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA,

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .topA .imgA img{width:100%; height:160px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA{position:relative; padding:17px 30px 40px; width:225px; min-height:113px; overflow:hidden; background:#fff;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA a:hover{text-decoration:underline;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .txtA{margin:0; line-height:20px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA{font-size:13px; margin-top:15px; display:block;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA a{display:inline; color:#074b88; margin-left:3px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .tagA a:first-child{margin-left:0;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA{position:absolute; bottom:25px; left:30px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA .like{display:inline-block; padding-left:20px; background:url('../images/sns_likesym.gif') left no-repeat;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .utilA .cmnt{display:inline-block; padding-left:20px; background:url('../images/sns_cmntsym.gif') left no-repeat; margin-left:8px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA .date{position:absolute; bottom:25px; right:30px; display:inline-block; color:#aaa}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA{position:relative; padding:30px 30px 40px; width:225px; min-height:260px; overflow:hidden; background:#fff;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA a:hover{text-decoration:underline;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA span{display:inline-block;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label{color:#fff; font-size:13px;height:25px; line-height:25px; text-align:center; padding:0 10px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp1{background:#81a2ce;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp2{background:#5db947;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp3{background:#866ec2;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .label.tp4{background:#999999;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .tit{font-size:15px; font-weight:bold; color:#333; margin-top:16px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .tit a{color:#333}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .txt{line-height:22px; margin-top:12px;}

.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%; color:#aaa}

.mediaMain .mediaTabArea2 .mTabCon2 .tabA2 > ul > li,

.mediaMain .mediaTabArea2 .mTabCon2 .tabA3 > ul > li,

.mediaMain .mediaTabArea2 .mTabCon2 .tabA4 > ul > li{top:0; opacity:1;}

.mediaMain .mediaTabArea2 .mTabCon2M{display:none;}

.fSubVisualD {width:100%; overflow:hidden; height:255px; padding:85px 0 0; text-align:center; color:#fff; background:url('../images/ehistorytop_img.jpg') no-repeat center 0;}

.fSubVisualD .barTitA {padding:0 0 17px; margin:0 0 20px; font-size:42px; text-align:center; letter-spacing:-0.8px; background:url('../images/bartitb_bu2.png') no-repeat center bottom;}

.fSubVisualD .barTitA .tit1 {display:block; font-size:20px; font-weight:bold;}

.fSubVisualD .barTitA .tit2 {display:block; font-family:'Microsoft Yahei' ,sans-serif;  font-weight:bold;}

.fSubVisualD .txtA{line-height:23px;}

.eHistoryW {padding:50px 0 0;}

.eHisTabA {position:relative;}

.eHisTabA .eHisButD{display:table; margin:0 auto; text-align:center; font-size:24px;}

.eHisTabA .eHisButD a{display:block; float:left; margin:0 0 0 128px;}

.eHisTabA .eHisButD a:first-child{margin:0;}

.eHisTabA .eHisButD .year{display:block; margin:3px 0 0; font-size:16px; letter-spacing:3px}

.eHisTabA .eHisButD a.on {color:#003f82}

.eHisTabA .eHisButD a.on span.year,

.eHisTabA .eHisButD a:nth-child(3).on{padding:0 0 20px; background:url('../images/ehisbutb_bu.png') no-repeat center bottom;}

.eHisTabA .pShareD {top:20px;}

.eHisTabA .eHisTxtA {text-align:center; line-height:24px}

.eHisTabCon {margin:25px 0 0;}

.eHisTabCon .keywordD {padding:0 24px 10px; background:#204989;}

.eHisTabCon .keywordD .titA{float:left; margin:10px 31px 0 0;color:#fff; font-weight:bold; font-size:18px;}

.eHisTabCon .keywordD .keyButA {float:left; margin:8px 0 0; width:978px}

.eHisTabCon .keywordD .keyButA button {margin:0 27px; padding:5px 11px 8px; color:#fff; line-height:1; }

.eHisTabCon .keywordD .keyButA button.on {color:#bdc6cf; background:#12305b; border-radius:5px;}

.eHistoryTx {position:absolute; top:75px; left:0; z-index:300; display:none;}

.eHisTabD {min-height:332px;}

.eHisListD {margin:25px 0 0; position:relative;}

.eHisListA {display:block; float:left}

.eHisListD ul {display:block; float:left; margin:0 0 0 1px}

.eHisListD .eHisListA ul,

.eHisListD ul:first-child {margin:0}

.eHisListD .titA {margin:0 0 5px; font-size:16px; font-weight:bold;}

.eHisListD .titA .yearA {display:inline-block; font-size:28px; color:#003f82; margin:0 10px 0 0; height:30px;}

.eHisListD ul li {position:relative; margin:1px 0 0}

.eHisListD ul li a,

.eHisListD ul li a span{display:block;}

.eHisListD ul li a .imgA  img {width:208px !important; height:135px !important}

.eHisListD ul li a .frameA {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/ehislistframe_img.png') no-repeat 0 0; background-size:100% 100%;}

.eHisListD ul li a .playA  {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/videoplay_bu.png') no-repeat center center; background-size:40px 40px;}

.eHisListD ul li a .cateA {position:absolute; bottom:20px; left:20px; padding:4px 10px; border-radius:5px; border:1px solid #fff; color:#fff; z-index:100;} 

.eHisListD ul li a .sTitA {position:absolute; bottom:10px; left:10px; padding:4px 0; color:#fff; z-index:100;} 

.eHisListD ul li a .epTitA {position:absolute; bottom:20px; left:20px; color:#fff; z-index:100; } 

.eHisListD ul li a .epTitA b{display:inline-block; margin:0 5px 0 0}

.eHisSideBg{position:absolute; top:0; right:0; width:110px; height:100%; background:url('../images/ehistoryl_cover.png') repeat-y right 0;}

.eHisPopW {position:absolute; opacity:0; padding:50px; min-width:300px; max-width:980px; background:#fff; z-index:2001}

.episodePop .eHisPopD{max-height:750px; overflow-y:auto}

.eHisPopD {position:relative; overflow:hidden;}

.eHisPopD .eHisTitA {text-align:center; margin:0 0 15px}

.eHisPopD .eHisTitA .titA {font-size:24px; color:#333; font-weight:bold;}

.eHisPopD .eHisTitA .dateA {margin:10px 0 0; font-size:16px;}

.eHisPopD .eHisCon{height:100%; width:100%; position:relative;}

.eHisPopD .eHisD {margin:25px 0 0; overflow-x: hidden; overflow-y:auto; padding:0 10px; height:100px; font-size:15px; line-height:22px; letter-spacing:-0.5px;}

.eHisPopD .videoScriptD {border:1px solid #ddd; padding:10px; margin:25px 0 0; height:100px; overflow-y:auto }

.eHisPopD .epiVideoD .videoScriptD{margin-bottom:20px}

.eHisPopD .videoScriptD .vidTit{color:#333; font-size:17px;}

.eHisPopD .videoScriptD .vidD{margin:10px 0 0; color:#333; font-size:15px;}

.eHisPopD .epiScriptD img {width:95%;}

.eHisPopD .epiScriptA {margin:25px 0 0;}

.eHisPopD .imgA {text-align:center;}

.eHisPopD .imgA img {max-width:980px; max-height:600px;}

.eHisPopD .eHisCon .videoA {text-align:center; margin:0 auto}

.eHisPopD .eHisCon .videoA video {width:600px !important;}

.eHisPopW .eHisRollBtnA .btL{position:absolute; top:265px; left:40px;}

.eHisPopW .eHisRollBtnA .btR{position:absolute; top:265px; right:40px;}

.eHisPopW .closeBt {position:absolute; top:-50px; right:0;}





/* 사회책임경영 */

.sumW{padding:55px 50px 80px; overflow:hidden;}

.sumW .subTit{text-align:center; margin-top:15px;}

.sumW .subTit.tp{line-height:36px; letter-spacing:-1.5px}

.sumW .txt{text-align:center; margin-top:12px; line-height:24px;}

.sumW .listTp{overflow:hidden;}

.sumW .listTp li{width:550px; float:left; min-height:120px;}

.sumW .listTp li div{padding-left:140px;}

.sumW .listTp li.listUnit1{background:url('../images/sumlist1.png') left no-repeat; margin-top:27px;}

.sumW .listTp li.listUnit2{background:url('../images/sumlist2.png') left no-repeat; margin-top:27px;}

.sumW .listTp li.listUnit3{background:url('../images/sumlist3.png') left no-repeat; margin-top:20px;}

.sumW .listTp li.listUnit4{background:url('../images/sumlist4.png') left no-repeat; margin-top:20px;}

.sumW .listTp li.listUnit5{background:url('../images/sumlist5.png') left no-repeat; margin-top:20px;}

.sumW .listTp li.listUnit6{background:url('../images/sumlist6.png') left no-repeat; margin-top:20px;}

.sumW .listTp li.listUnit7{background:url('../images/sumlist7.png') left no-repeat; margin-top:20px;}

.sumW .listTp li .tit{font-size:20px; color:#003f82; margin-top:16px;}

.sumW .listTp li .txt1{font-size:15px; color:#333; margin-top:9px;}

.sumW .listTp li .txt2{font-size:13px; color:#666; margin-top:8px; line-height:20px;}

.reportW{padding:70px 50px; overflow:hidden;}

.reportW .potenReportA{overflow:hidden; margin-bottom:103px;}

.reportW .potenReportA .imgA{position:absolute; top:0; left:0;}

.reportW .potenReportA .conA{position:relative; padding-left:400px; height:475px;}

.reportW .potenReportA .conA .tit{font-size:24px; font-weight:bold; color:#333; position:relative; padding-bottom:27px; }

.reportW .potenReportA .conA .tit:before{position:absolute; bottom:0; left:0; background:#333333; width:20px; height:2px; content:"";}

.reportW .potenReportA .conA .txt{line-height:24px; margin-top:13px;}

.reportW .potenReportA .conA .txt:after{content:""; clear:both; display:block !important}

.reportW .potenReportA .conA .btnA{position:absolute; bottom:0; left:400px}

.reportW .potenReportA .conA .btnA a img{position:relative; top:10px; left:2px;}

.reportW .potenReportA .conA .btnA.tp{position:absolute; bottom:0; left:400px; font-size:15px; font-weight:bold;}

.reportW .potenReportA .conA .btnA.tp a img{position:relative; top:15px; left:2px;}

.reportW .potenReportA .conA .btnUtil:first-child{margin-bottom:13px}

.reportW .potenReportA .conA .btnA .titA{width:98px; display:inline-block; font-size:16px; font-weight:bold; color:#333; padding-right:20px;}

.reportW .potenReportA .conA .btnA .titA.tp1{background:url('../images/btnutil_icon1.png') right 7px no-repeat;}

.reportW .potenReportA .conA .btnA .titA.tp2{background:url('../images/btnutil_icon2.png') right 7px no-repeat;}

.reportW .potenReportA .conA .btnA .lang{position:relative; padding-left:24px;}

.reportW .potenReportA .conA .btnA .lang:before{position:absolute; width:1px; height:16px; background:#bababa; content:""; left:10px; top:3px;}

.reportW .potenReportA .conA .btnA .lang a{display:inline-block; font-size:14px; font-weight:bold; color:#fff; background:#333; padding:5px 16px;}

.safetyTop{width:1200px; height:270px; padding:90px 0 0 90px; line-height:23px; font-size:20px; background:url('../images/safetytop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.safetyTop > p{line-height:32px; color:#fff; font-family:'HDmodernB','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif;}

.environTop{width:1200px; height:260px; padding:84px 0 0 100px; background:url('../images/environtop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.environTop .txtTp1{font-size:36px; color:#092869;}

.environTop .txtTp2{font-size:26px; color:#222; margin-top:20px;}

.epigynyTop{width:1200px; height:260px; padding:57px 0 0 50px; background:url('../images/epigynytop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.epigynyTop p{font-size:15px; line-height:22px;}

.globalTop{width:1200px; height:260px; padding:57px 0 0 50px; background:url('../images/globaltop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.globalTop p{font-size:15px; line-height:22px;}

.wType{padding:55px 50px 80px; overflow:hidden;}

.wType .txt{line-height:22px;}

.wType .termsList li{line-height:22px; text-indent:-15px; margin-left:15px;}

.wType .btnTit{overflow:hidden;}

.wType .btnTit p{display:inline-block;}

.wType .btnTit .moreBt{display:inline-block; padding:10px 19px; background:#3d3d3d; font-weight:bold; color:#fff; }

.wType .boxTp{border:1px solid #ddd; padding:12px 25px 15px; line-height:22px;}

.wType .listTp li{padding-left:10px; position:relative; line-height:22px;}

.wType .listTp li:before{position:absolute; left:0; top:10px; width:4px; height:4px; content:""; background:#666; border-radius:4px;}

.wType .cerNoti{color:#888; line-height:22px;}

.boxWrap{position:relative;}

.reportList{overflow:hidden; margin-top:20px;}

.reportList li{float:left; width:300px; margin:50px 0 20px 100px;}

.reportList li:first-child{margin-left:0;}

.reportList li .year{position:relative; font-weight:bold; font-size:20px; color:#333}

.reportList li .year:before{position:absolute; top:0; left:0; width:15px; height:2px; background:#333; content:"";}

.reportList li .imgA{border:1px solid #000; margin-top:15px;}

.reportList.cNewsL li .imgA {position:relative;}

.reportList.cNewsL li .imgA .cover {position:absolute; top:0; left:0;}

.reportList li .imgA img{width:298px !important; height:393px !important}

.reportList li .btnUtil{margin-top:13px}

.reportList li .btnUtil .tit{font-size:16px; font-weight:bold; color:#333; width:103px; display:inline-block;}

.reportList li .btnUtil .tit.tp1{background:url('../images/btnutil_icon1.png') right 7px no-repeat;}

.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 7px no-repeat;}

.reportList li .btnUtil .lang{position:relative; padding-left:24px;}

.reportList li .btnUtil .lang:before{position:absolute; width:1px; height:16px; background:#bababa; content:""; left:10px; top:3px;}

.reportList li .btnUtil .lang a{font-size:14px; font-weight:bold; color:#fff; background:#333; padding:5px 11px;}

.reportList li .btnUtil2 span{text-align:center; display:block; background:#e9e9e9; width:100%;}

.reportList li .btnUtil2 span a{display:block; font-size:15px; font-weight:bold; color:#666; line-height:45px;}

.reportList li .btnUtil2 span a img{position:relative; top:16px; left:3px;}

.reportList.tp li .imgA{border:1px solid #e4e4e4; margin-top:15px; width:298px;}

.reportList.tp li .imgA img{width:100%;}

.chartSrchW{position:relative; width:100%; height:216px; background:url('../images/chartsrch_bg.jpg') no-repeat;}

.chartSrchA{position:absolute; top:54px; left:65px;}

.chartSrchA .txt{color:#fff; font-size:18px;}

.chartSrchA .botA2{margin-top:38px}

.chartSrchA .botA2 span{display:inline-block;}

.chartSrchA .botA2 span:first-child{margin-left:0}

.chartSrchA .botA2 span select{width:300px; height:40px; margin-left:10px;}

.chartSrchA .botA2 span select:first-child{margin-left:0}

.chartSrchA .botA2 span a{display:inline-block; padding:0 49px 0 44px; line-height:40px; background:#021d57; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin-left:10px;}

.chartSrchA .botA2 span a img{position:relative; left:-4px; top:13px;}

.chartSrchA .botA3{margin-top:38px}

.chartSrchA .botA3 span{display:inline-block; margin-left:10px}

.chartSrchA .botA3 span:first-child{margin-left:0}

.chartSrchA .botA3 span select{width:300px; height:40px; margin-left:10px;}

.chartSrchA .botA3 span select:first-child{margin-left:0}

.chartSrchA .botA3 span a{display:inline-block; padding:0 49px 0 44px; line-height:40px; background:#021d57; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin-left:10px;}

.chartSrchA .botA3 span a img{position:relative; left:-4px; top:13px;}

.strategyList{overflow:hidden;}

.strategyList > li{float:left; width:320px; margin-left:70px; position:relative;}

.strategyList > li > img{position:absolute; right:-50px; top:130px;}

.strategyList > li > .arrowA{display:none;}

.strategyList > li:first-child{margin-left:0;}

.strategyList > li > div{border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd}

.strategyList > li > div p{border-bottom:1px solid #ddd; font-size:16px; color:#000; padding:16px 20px 18px;}

.strategyList > li > div ul{border-bottom:1px solid #ddd; background:#f6f6f6; padding:22px 20px;}

.strategyList > li > div ul li{position:relative; padding-left:13px; font-size:16px; line-height:24px; margin-top:6px}

.strategyList > li > div ul li:first-child{margin-top:0}

.strategyList > li > div ul li:before{position:absolute; width:4px; height:4px; border-radius:4px;; background:#666; content:""; left:0; top:11px;}

.strategyA{position:relative;}

.strategyA > img{position:absolute; top:0; left:0; width:100%;}

.strategyA.tp{position:relative; width:710px; margin:auto;}

.strategyA.tp .strategyList > li > div p{text-align:center;}

.c3List{overflow:hidden; margin:auto;}

.c3List li{border:1px solid #ddd; float:left; margin-left:1%; width:30%; box-sizing:border-box; text-align:center; min-height:212px; padding:27px 10px 20px 10px}

.c3List li:first-child{margin-left:4%;}

.c3List li .tit{font-size:18px; color:#333; font-weight:bold; position:relative; padding-bottom:15px}

.c3List li .tit:after{position:absolute; bottom:0; left:50%; margin-left:-7px; width:14px; height:2px; content:""; background:#333;}

.c3List li .txt{margin-top:15px;}

.ethicsSystemW{position:relative; padding-left:374px; width:100%; box-sizing:border-box}

.ethicsSystemW > p{position:absolute; left:0; top:0;}

.ethicsSystemW li{height:136px; margin-top:30px; box-sizing:border-box; border:1px solid #ddd; width:85%; overflow:hidden; display:table; table-layout: fixed;}

.ethicsSystemW li:first-child{margin-top:0;}

.ethicsSystemW li .titA{display:table-cell; vertical-align:middle; width:31%; height:100%; box-sizing:border-box; border-right:1px solid #ddd; text-align:center; background:#f3f3f3; font-size:20px; color:#333; line-height:26px;}

.ethicsSystemW li .titA.pt{padding-top:56px}

.ethicsSystemW li div{display:table-cell; vertical-align:middle; width:69%; height:100%; padding:26px 4%; box-sizing:border-box}

.ethicsSystemW li div .tit{font-size:16px; font-weight:bold; color:#333}

.ethicsSystemW li div .txt{margin-top:10px;}

.ethicsOperSys{width:100%; padding:0 72px; box-sizing:border-box}

.ethicsOperSys ul{overflow:hidden;}

.ethicsOperSys li{width:224px; border:1px solid #ddd; box-sizing:border-box; margin-left:20px; float:left; text-align:center;}

.ethicsOperSys li:first-child{margin-left:0;}

.ethicsOperSys li .titA{font-size:20px; color:#333; background:#f3f3f3; border-bottom:1px solid #ddd; padding:23px 0;}

.ethicsOperSys li div{font-size:16px; padding:20px 0; line-height:22px; min-height:115px; box-sizing:border-box;}

.sctCpCon{overflow:hidden;}

.sctCpCon > div{float:left; width:50%; box-sizing:border-box; padding:0 20px;}

.sctCpCon > div:first-child{border-right:1px solid #ddd; box-sizing:border-box}

.sctCpCon > div .tit{font-size:20px; margin-top:25px; color:#333}

.sctCpCon > div .txt{margin-top:23px;}

.scrCpPolicy{padding-left:229px; box-sizing:border-box; background:url('../images/scrcppolicy_bg.jpg') left top no-repeat; min-height:470px; margin-top:80px;}

.scrCpPolicy ul{margin-left:50px;}

.scrCpPolicy li{margin-top:35px;}

.scrCpPolicy li:first-child{margin-top:0}

.scrCpPolicy .ti{display:inline-block; margin-left:9px; text-indent:-9px;}

.scrCpPolicy .tit{position:relative; font-size:20px; color:#333; padding-top:2px; font-weight:bold;}

.scrCpPolicy .tit:before{position:absolute; left:0; top:0; width:20px; height:2px; background:#333; content:"";}

.scrCpPolicy .txt{margin-top:13px; line-height:24px;}

.cpBtnW{text-align:center;}

.cpBtnW a{display:inline-block; padding:20px 32px; background:#003d7e; border-radius:35px; font-weight:bold; font-size:20px; color:#fff;}

.cpBtnW2 a{display:inline-block; margin-left:10px;}

.cpBtnW2 a:first-child{margin-left:0;}

.fTradeTit{font-size:22px; color:#333; padding-top:110px; background:url('../images/ftradetit_icon.gif') center top no-repeat; text-align:center; line-height:34px; }

.ftBoxList{border:1px solid #ddd; padding:25px 30px;}

.ftBoxList li{position:relative; padding-left:10px; line-height:22px;}

.ftBoxList li:before{position:absolute; width:4px; height:4px; border-radius:4px; left:0; top:9px; content:""; background:#666;}

.ftListTp{overflow:hidden;}

.ftListTp li{float:left; width:33.3%; text-align:center; min-height:234px; border-left:1px solid #ddd; box-sizing:border-box; padding:0 20px;}

.ftListTp li:first-child{border-left:0;}

.ftListTp li .tit{font-size:20px; color:#003f82; margin-top:15px}

.ftListTp li .txt{line-height:20px; margin-top:15px}

.faqType2 li{background:#fff;}

.faqType2 li a{display:block; position:relative; padding:13px 50px 15px 65px; font-size:14px; color:#666; border-bottom:1px solid #e2e2e2;}

.faqType2 li:first-child a{border-top:1px solid #e2e2e2}

.faqType2 li a .num{position:absolute; left:10px; top:20px; display:inline-block; width:35px; height:35px; border-radius:35px; background:#eee; color:#888; text-align:center; line-height:35px;}

.faqType2 li a .titW > span{display:block;}

.faqType2 li a .aTit{font-size:16px; color:#333}

.faqType2 li a .aUtil{color:#888; margin-top:6px;}

.faqType2 li a .aUtil .bar{margin:0 8px}

.faqType2 li.on a{border-bottom:0}

.faqType2 li.on .aTit{color:#074b88; text-decoration:underline;}

.faqType2 li a .arrow{display:block; position:absolute; top:28px; right:20px;}

.faqType2 li .answer{padding:25px 20px 30px 65px; background:#f9f9f9; line-height:24px; border:1px solid #e2e2e2}

.receiptD {text-align:center;}

.receiptD .txtA {margin:20px 0 0; font-size:22px; color:#333;}

.receiptD .btnA {margin:40px 0 0;}

.receiptD .numA {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:35px 0 35px; margin:38px auto 0; width:900px}

.receiptD .numA .num1{font-size:20px; font-weight:bold; color:#666}

.receiptD .numA .num2{font-size:16px; font-weight:bold; color:#333}

.receiptD .numA .num2 input{margin-left:25px; width:308px; height:32px;}

.receiptD .numA .num{color:#333}

.receiptD .numA > span{margin-top:8px; display:inline-block;}

.actList{overflow:hidden;}

.actList li{float:left; border:1px solid #ddd; margin-left:10px; box-sizing:border-box; width:267.5px; text-align:center; padding:30px 0 25px;}

.actList li:first-child{margin-left:0;}

.adminIntro{padding-left:253px; box-sizing:border-box; width:100%; min-height:272px; background:url('../images/admin_pic.gif') left no-repeat;}

.adminIntro .topA .tit{font-size:30px; color:#333; line-height:40px;}

.adminIntro .topA .txt{font-size:16px; line-height:26px; margin-top:10px;}

.adminIntro .botA{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:21px; padding:17px 0;}

.adminIntro .botA .sort{font-weight:bold; color:#333}

.adminIntro .botA .bar{margin:0 9px; color:#dadada}

.adminIntro .botA .txt{margin-top:14px}

.cpElementList{overflow:hidden;}

.cpElementList li{float:left; width:260px; min-height:240px; margin-left:20px;}

.cpElementList li:first-child{margin-left:0;}

.cpElementList li:nth-child(5){margin-left:0;}

.cpElementList li:nth-child(5),

.cpElementList li:nth-child(6),

.cpElementList li:nth-child(7){margin-top:30px;}

.cpElementList dt{position:relative; background:#eee; padding:25px 30px 40px;}

.cpElementList dt .tit{font-size:20px; color:#092869; }

.cpElementList dt .num{display:inline-block; position:absolute; right:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; background:#fff; color:#999; font-size:18px;}

.cpElementList dd{margin-top:10px;}

.cpElementList dd span{display:inline-block; position:relative; padding-left:10px; line-height:22px;}

.cpElementList dd span:before{position:absolute; width:4px; height:4px; border-radius:4px; background:#666; content:""; left:0; top:10px;}

.ceoMsTop{width:1200px; height:318px; padding:75px 0 0 20%; box-sizing:border-box; line-height:23px; font-size:20px; font-family:'HDmodernM','Malgun Gothic',"맑은고딕", 'dotum',"돋움",sans-serif; background:url('../images/ceomstop_bg.jpg') no-repeat center 0;}

.ceoMsTop > p{line-height:38px; }

.ceoMsTop .txtTp{font-size:30px; color:#333;}

.actVideoD{width:781px; margin:0 auto;}

.actVideoA .videoA{margin:0 auto;}

.actVideoSmA .videoB{margin:0 auto;}

.aTwoBox{overflow:hidden;}

.aTwoBox li{float:left; margin-left:40px;}

.aTwoBox li:first-child{margin-left:0;}

.aTwoBox li .tit{font-weight:bold; margin-top:14px;}

.aTwoBox li .txt{letter-spacing:-0.5px; text-align:left;}



.actRollW #actRolling { width:618px; height:280px; margin:0 auto; position:relative; overflow:hidden; }

.actRollW #actRolling ul { width:99999px; height:280px; position:absolute; top:0; left:0; overflow:hidden; }

.actRollW #actRolling ul li { float:left; width:100%; height:280px; font-size:14px;}

.actRollW #actRolling ul li > span{display:inline-block; float:left; width:176px; margin:0 15px; text-align:center;}

.actRollW #actRolling ul li > span span{display:block;}

.actRollW #actRolling ul li > span .tit{font-size:16px; color:#333; margin-top:15px;}

.actRollW #actRolling ul li > span .txt{letter-spacing:-1px; line-height:20px; margin-top:10px;}

.actRollW{width:738px; margin:0 auto; position:relative;}

.actRollW .btn_area { overflow:hidden; }

.actRollW .btn_area button { display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold; }

.actRollW .btn_area a { display:block; }

.actRollW .btn_area .btn_page { display:inline-block; width:10px; height:10px; margin:2px; font-size:0px; line-height:0; text-indent:-9999px; background:#d9d9d9; border-radius:10px;}

.actRollW .btn_area .btn_page.on { background:#4171a7; }

.actRollW .pnBtn .btn_prev{position:absolute; left:0; top:70px;}

.actRollW .pnBtn .btn_next{position:absolute; right:0; top:70px;}

.actRollW #actRolling_paging{margin-top:23px;}

.meerForestD {width:100%; overflow:hidden;}

.meerForestD .fl {width:295px;}

.meerForestD .fr {width:800px;}

.meerForestD .fr .titA {font-size:20px; color:#003f82}

.mForestRollW {position:relative; width:780px; margin:30px auto 0; overflow:hidden;}

.mForestRollW #mForestRollL {width:780px; height:708px; margin:0 auto; position:relative; overflow:hidden;}

.mForestRollW #mForestRollL ul {width:99999px; height:708px; position:absolute; top:0; left:0; overflow:hidden;}

.mForestRollW #mForestRollL ul li {float:left; width:100%; height:708px; font-size:14px;}

.mForestRollW .mfMapS{height:162px; padding:20px; overflow:hidden; background:url("../images/mfmaps_bg.jpg") no-repeat 0 0;}

.mForestRollW .mfMapS .imgA{float:left; width:152px}

.mForestRollW .mfMapS .infoA{float:left; width:568px; font-size:13px; color:#fff; }

.mForestRollW .mfMapS .infoA .titA {margin:0 0 10px; font-size:25px; color:#fff; line-height:31px;}

.mForestRollW .btn_area {overflow:hidden;}

.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}

.mForestRollW .btn_area a {display:block;}

.mForestRollW .btn_area .btn_page {display:inline-block; width:10px; height:10px; margin:2px; font-size:0px; line-height:0; text-indent:-9999px; background:#9c968d; border-radius:10px;}

.mForestRollW .btn_area .btn_page.on {background:#fff;}

.mForestRollW .mForestBtn .btn_prev{position:absolute; right:60px; bottom:230px;}

.mForestRollW .mForestBtn .btn_next{position:absolute; right:30px; bottom:230px;}

.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}

.overViewTop{width:1200px; height:270px; padding:70px 0 0 79px; color:#000; background:url('../images/overviewtop_bg.jpg') no-repeat center 0; box-sizing:border-box}

.overViewTop .txt{font-size:16px; letter-spacing:0; line-height:22px;}

.overViewTop .txt span {display:block; font-size:30px; line-height:35px; color:#092869; margin-bottom:27px; font-weight:bold;}

.sSumD {position:relative; margin:20px 0 0;}

.sSumD .mTitA{width:100%; font-size:26px; color:#000; text-align:center; letter-spacing:-1px;}

.sSumD .mTxtA {width:100%; font-size:15px; line-height:24px; text-align:center; margin-top:30px;}

.sSumD .widthL {position:relative; margin:0 auto; width:910px; height:180px; margin-top:40px;}

.sSumD .widthL ul{overflow:hidden;}

.sSumD .widthL li {width:130px; text-align:center; letter-spacing:-0.8px; float:left;}

.sSumD .widthL li .titA {margin:12px 0 0; font-size:16px; color:#333;}

.sSumD .widthL li .txtA {margin:8px 0 0; color:#999; font-size:14px;}



/* 스포츠단 */

.basketballTop {width:1100px; height:185px; padding:75px 0 0 100px; line-height:57px; font-size:36px; color:#fff;background:url('../images/basketballtop_bg.jpg') no-repeat center 0;}

.basketballTop span {display:block; font-size:26px; line-height:30px;}

.archeryTop {width:1100px; height:175px; padding:85px 0 0 100px; line-height:30px; font-size:20px; font-weight:bold; color:#003f82; background:url('../images/archerytop_bg.jpg') no-repeat center 0;}

.basketDiv {padding:50px; background:#fff;}/* 2018-12-18 수정 */

.archeryD {padding:0 585px 0 0; min-height:386px; line-height:24px; background:url('../images/archeryd_bg.jpg') no-repeat right bottom}

.archeryPopW {width:100%; overflow:hidden;} 

.archeryPopW .accoPopD {float:left; width:530px;}

.archeryPopW .accoPopD .accTopA{width:528px; overflow:hidden; border:1px solid #e6e6e6; border-bottom:0}

.archeryPopW .accoPopD .imgA {float:left; width:200px; height:148px; text-align:center; margin:0 30px 0 0;}

.archeryPopW .accoPopD .infoA {float:left; width:298px; padding:25px 0 0;}

.archeryPopW .accoPopD .infoA .buA span{display:inline-block; padding:0 12px; height:26px; line-height:26px; color:#333; background:#f4f4f4; border-radius:20px;}

.archeryPopW .accoPopD .infoA .titA {margin:15px 0 0; font-size:20px; color:#003f82}

.archeryPopW .accoPopD .infoA .txtA {margin:10px 0 0; font-size:15px; color:#333}

.archeryPopW .accoPopA {padding:25px 30px;}

.archeryPopW .accoPopA .dotListB {margin:25px 0 0;}



/*hr*/

.talentTrainingTop {width:1150px; height:205px; padding:55px 0 0 50px; line-height:23px; font-size:15px; background:url('../images/talenttrainingtop_bg.jpg') no-repeat center 0;}

.talTrainingL {margin:38px 0 0; width:100%; overflow:hidden;}

.talTrainingL ul > li {width:100%; overflow:hidden; padding:38px 0; border-top:1px solid #ddd}

.talTrainingL ul > li:first-child{border-top:0; padding-top:0;}

.talTrainingL ul > li .infoA {float:left; width:730px; height:200px; padding:0 30px 0 0;}

.talTrainingL ul > li .infoA .titA {margin:11px 0 22px; font-size:20px; color:#222}

.talTrainingL ul > li .imgA {float:right; width:320px; height:200px;}

.talTrainingL ul > li .imgA img {width:100%;}

.talTrainingL2 {margin:38px 0 0; width:100%; overflow:hidden;}

.talTrainingL2 ul > li {position:relative; float:left; width:520px; height:410px; margin:0 0 0 20px; overflow:hidden; }

.talTrainingL2 ul > li.l1,.talTrainingL2 ul > li.l3 {margin:0 20px 0 0;}

.talTrainingL2 ul > li.l3,.talTrainingL2 ul > li.l4{margin-top:40px; height:385px;}

.talTrainingL2 ul > li .infoA .titA {margin:0 0 21px; font-size:20px; color:#222}

.talTrainingL2 ul > li .imgA {position:absolute; bottom:0; left:0; width:100%;}

.talTrainingL2 ul > li .imgA img{width:100%;}



/*ir*/

.nameBoxD {width:100%; overflow:hidden;}

.nameBoxD ul > li {float:left; margin:0 0 20px 20px; padding:25px 29px; width:195px; height:203px; overflow:hidden; border:1px solid #e2e2e2;}

.nameBoxD ul > li:nth-child(4n+1) {margin-left:0;}

.nameBoxD ul > li .titA {padding:0 0 30px; background:url('../images/nameboxtit_bar.png') no-repeat 0 bottom;}

.nameBoxD ul > li .titA span{display:block;}

.nameBoxD ul > li .titA .nameA{font-size:26px; color:#333;}

.nameBoxD ul > li .infoA {margin:25px 0 0; line-height:24px;}

.condiBox {width:100%; overflow:hidden;}

.condiBox ul > li {float:left; width:528px; margin:20px 0 0 20px; border:1px solid #e2e2e2}

.condiBox ul > li:nth-child(2n-1) {margin-left:0;}

.condiBox ul > li .topA {position:relative; padding:26px 30px;}

.condiBox ul > li .topA .titA {margin:0 0 8px; font-size:26px; color:#333;}

.condiBox ul > li .topA .buA {position:absolute; bottom:0; right:0; width:60px; height:28px; line-height:26px; color:#fff; text-align:center; background:#999;}

.condiBox ul > li .infoA {padding:25px 29px; line-height:26px; min-height:158px; background:#f6f6f6;}



/* 회원가입*/

.loginD {padding:105px 90px; width:1020px; overflow:hidden; background:#fff;}

.loginD .leftA{float:left; width:509px; padding:43px 0 0;}

.loginD .rightA{float:left; width:439px; padding:0 0 0 70px; border-left:1px solid #d6d6d6}

.loginD .rightA label {display:inline-block; width:80px; font-size:16px; color:#333; font-weight:bold}

.loginD .rightA input {width:278px; height:32px;}

.loginD .rightA .btnA {margin:10px 0 0; padding:0 0 0 80px; width:300px;}

.loginD .rightA .btnA a {display:block; text-align:center;}

.loginD .rightA .listA {margin:10px 0 0; padding:0 0 0 87px; width:300px; text-align:center;}

.loginD .rightA .listA a{display:inline-block; color:#444; font-size:16px; padding:0 12px 0 13px; background:url('../images/bar1x14_bu.png') no-repeat 0 6px;}

.loginD .rightA .listA a:first-child{padding-left:0; background:none;}

.memberEndD {text-align:center;}

.memberEndD .txtA {margin:20px 0 0; font-size:30px; color:#333;}

.memberEndD .txtA2 {margin:40px 0 0; color:#333; line-height:24px;}

.memberEndD .btnA {margin:35px 0 0;}

.mSearchDiv {padding:80px 150px; background:#fff;}

.searchBox .searchTop {font-size:30px; color:#333; text-align:center;}

.searchBox .searchTop .txtA {margin:40px 0 0; font-size:14px; line-height:24px; color:#666}

.searchBox .inputD{margin:40px 0 0; padding:40px 0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}

.searchBox .inputD .w740 {width:740px; margin:0 auto}

.searchBox .inputArea {width:415px; margin:0 auto;}

.searchBox .inputArea label {display:inline-block; width:80px; font-size:16px; color:#333; font-weight:bold; vertical-align:middle}

.searchBox .inputArea input {width:278px; height:32px;}

.searchBox .inputArea select{width:79px; height:40px;}

.searchBox .inputArea.type2 {width:485px}

.searchBox .inputArea.type2 label {width:155px}

.searchBox .inputArea.type2 input {width:308px}

.searchBox .inputArea .phoneA{display:inline-block; width:300px; }

.searchBox .inputArea .phoneA input {width:39px}

.searchBox .inputArea .infoTxA {padding:0 0 0 80px;}

.searchBox .inputArea .infoTxA label {float:left; width:305px; font-size:14px; color:#666; font-weight:normal}

.searchBox .inputArea .infoTxA input {position:relative; float:left;  top:-4px; width:14px; margin:0 5px 0 0; vertical-align:top}

.searchBox .inputArea .changPhoeA {display:none; margin:15px 0 0 80px; width:300px;}

.mSearchDiv .btnA {margin:40px 0 0;}

.blueBox {padding:28px 20px; text-align:center; color:#fff; background:#003f82;}

.blueBox .btA {display:inline-block; margin:0 0 0 35px; }





/* 유틸리티 */

.allSrchW{position:relative; width:100%; height:216px; background:url('../images/allsrch_bg.jpg') no-repeat;}

.allSrchA{position:absolute; width:500px; top:40px; left:290px;}

.allSrchA .topA p{position:relative; padding:10px 15px 20px;}

.allSrchA .topA p:before{position:absolute; width:1px; height:30px; content:""; background:#fff; left:0; top:13px;}

.allSrchA .topA p input{border:none; background:none; font-size:25px; color:#fff}

.allSrchA .botA{border-top:2px solid #fff; padding-top:25px; height:40px; line-height:40px;}

.allSrchA .botA .monthA{float:right}

.allSrchA .botA .monthA span{position:relative; width:130px;}

.allSrchA .botA .monthA input{padding:3px 30px 3px 10px; height:32px; width:88px; vertical-align:top;}

.allSrchA .botA .monthA a{position:absolute; right:13px; top:2px;}

.allSrchA .botA .monthA .noun{font-weight:bold; color:#fff}

.allSrchA .botA .chkA label{padding-left:25px; background:url('../images/allchk_icon.gif') left 2px no-repeat; padding-bottom:1px; font-size:16px; color:#fff; cursor:pointer}

.allSrchA .botA .chkA input[type="checkbox"]{display:none}

.allSrchA .botA .chkA input[type="checkbox"]:checked + label {background:url('../images/allchk_icon_on.gif') left 2px no-repeat; padding-bottom:1px; color:#fff;}

.srchBt{position:absolute; right:0; top:0; width:120px; height:215px; line-height:215px; text-align:center; background:#000; font-size:23px; font-weight:bold; color:#fff}

.srchBt span{background:url('../images/allsrch_icon.png') left 7px no-repeat; padding-left:24px;}

.siteInfoList{overflow:hidden;}

.siteInfoList li{float:left; border:2px solid #fff; box-sizing:border-box; width:390px; min-height:347px; background:#fff; margin-left:15px; position:relative; padding:0 25px 65px 25px}

.siteInfoList li.tp{min-height:520px;}

.siteInfoList li:first-child{margin-left:0;}

.siteInfoList li .imgA{margin-top:28px}

.siteInfoList li .tit{font-size:20px; font-weight:bold; color:#004a8d; margin-top:21px; }

.siteInfoList li .txt{color:#777; margin-top:7px; line-height:22px;}

.siteInfoList li .arrow{position:absolute; bottom:28px; left:50%; margin-left:-17.5px}

.siteInfoList li > a{position:absolute; top:0; left:0; width:100%; height:100%;}

.errorW{width:800px; margin:200px auto 0;}

.errorW .wrap{width:800px; height:480px; background:#fff; position:relative; box-sizing:border-box; padding:100px;}

.errorW .wrap .logo{text-align:center; position:absolute; top:-65px; left:0; width:100%;}

.errorW .wrap dl{margin-top:33px;}

.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}

.errorW .wrap dd{margin:4px 0;}

.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:16px; font-weight:bold;}

.errorW .wrap a span{background:url('../images/btarrowtp2.png') right no-repeat; padding-right:15px}



/* 사이버감사실 */

.cbCon{width:100%; padding:45px 50px; box-sizing:border-box;}

.cbCon .boxTp2{border-top:1px solid #000; border-bottom:1px solid #000; padding:40px 0;}

.cbCon .boxTp2 p{text-align:center;}

.cbCon .boxTp2 label{font-size:16px; font-weight:bold; color:#333}

.cbCon .boxTp2 input{width:308px; height:32px}

.cbCon .BoxTp3{border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}

.cbCon .BoxTp3 p{float:left; border-left:1px solid #ddd; text-align:center; padding:10px; width:50%; box-sizing:border-box}

.cbCon .BoxTp3 p:first-child{border-left:0}

.cbCon .listTp{overflow:hidden;}

.cbCon .listTp li{float:left; width:32%; margin-left:2%;}

.cbCon .listTp li:first-child{margin-left:0;}

.cbCon .listTp .tit{font-size:20px; color:#003f82}

.cbCon .oneBox{border:1px solid #ddd; padding:15px 20px;}

.cbCon .oneBox .tit{font-size:15px; color:#333}

.cbCon .cpltBox{border:1px solid #ddd; padding:30px; margin-top:30px;}

.cbCon .cpltBox .textA{background:url('../images/cpltresult_icon.png') left no-repeat; min-height:120px; box-sizing:border-box; padding:10px 0 10px 140px;}

.cbCon .cpltBox .tit{font-size:18px; font-weight:bold; color:#333;}

.cbCon .cpltBox .txt{line-height:22px; margin-top:8px}

.cbCon .cpltBox .txt .react{display:block;}

.cbCon .cpltBox .cirtiNum{margin-top:40px; font-size:26px; color:#000; background:#f3f3f3; padding:28px 0}

.btTp{display:inline-block; line-height:34px; font-weight:bold; color:#fff; background:#3d3d3d; text-align:center; padding:0 20px;}



/* 2018-09-18 추가 */

.check input[type="checkbox"]{width:20px !important; height:20px !important; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; padding:0; background:url("../images/chktp2_off.gif") no-repeat 0 0; background-size:20px}

.check input[type="checkbox"]:checked{background:url("../images/chktp2_on.gif") no-repeat 0 0; background-size:20px}

.radioBox input[type="radio"]{width:20px !important; height:20px !important; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; padding:0; background:url("../images/radiotp1_off.gif") no-repeat 0 0; background-size:20px;}

.radioBox input[type="radio"]:checked{background:url("../images/radiotp1_on.gif") no-repeat 0 0;}

dl.selectSec{padding:30px 0}

dl.selectSec dt{font-size:14px; color:#333; font-weight:bold}

dl.selectSec dd{padding:30px 0 0 20px; overflow:hidden; margin-bottom:30px}

dl.selectSec dd:last-child{margin-bottom:0px}

dl.selectSec dd p{float:left; width:200px; margin-bottom:20px}

dl.selectSec dd p input[type="text"]{width:75px; height:15px; border:0px; border-bottom:1px solid #444}

dl.selectSec dd.checkPack p{width:auto;}



@media all and (max-width:1500px) {

	/* #header{border-bottom:1px solid #f0f0f0} 2018-11-28 삭제  */

	#header.hStyleB {border-bottom:0}	

	/* 2018-10-30 수정 */

	#gnb{position:static; margin-right:0; margin-left:27px; min-height:auto;} /*2018-11-28 수정*/

	#gnb li .gTwoW {width:100%; padding-left:80px; height:0; overflow:hidden; z-index:1200; box-sizing:border-box; top:80px; left:0}

	#gnb li .gTwoW p {width:210px}

	#gnb li .gTwoW .gTwoD:nth-child(7n+1){margin-left:210px}/* 2018-11-22 추가 */

	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){margin-left:210px}

	/* //2018-10-30 수정 */

	.visualW .visS .visA .titA{font-size:58px}

	.utillW {top:-30px;}

	.mCateW {top:-30px;}

	/* #gnb li .oneD span{padding:0 0 14px;} 2018-11-28 삭제  */



	@media screen and (-webkit-min-device-pixel-ratio:0) {

		/* #header{padding:28px 0 0;}  2018-11-28 삭제 */

		/* .gnbBgD {top:107px;} 2018-11-28 삭제 */

		.mCateW {top:-27px;}

		.utillW {top:-30px;}/* 2018-11-29 수정 */

	}

	@-moz-document url-prefix(){

		/* #gnb li .oneD span{padding:0 0 14px;} 2018-11-28 삭제  */

	}

}


	@media screen and( max-width:1703px) { 
		#gnb li .oneD span {
		
			font-size: 15px;
		
		
	}
}

@media all and (max-width:1280px) {

	#wrapper{min-width:100%}

	.headDiv  {width:100%;}

	

	/* 2018-10-30 수정 */

	.headDiv h1{left:15px}

	#gnb{margin-left:84px; width:790px}

	#gnb ul{margin:0}

	#gnb li .oneD {padding:0 11px;}

	#gnb li:first-child .oneD{padding:0 11px 0 0}

	#gnb li .gTwoW {padding:0 10px}	

	#gnb li .gTwoW p {width:150px; font-size:22px}

	#gnb li .gTwoW .gTwoD {margin:0 0 0 54px;}

	#gnb li:nth-child(4) .gTwoW .gTwoD{margin:0 0 0 38px}

	#gnb li .gTwoW .gTwoD:nth-child(7n+1){margin-left:150px}/* 2018-11-22 추가 */

	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(6n+1){margin-left:150px}

	#gnb li:nth-child(2) .gTwoW .gTwoD:nth-child(7n+1){margin-left:54px}

	/* //2018-10-30 수정 */	

	

	.hStyleB #gnb li:last-child .gTwoW{left:-32px;}

	.hStyleB #gnb li:nth-child(2) .gTwoW .gTwoD {margin:0}

	.hStyleB #gnb li:nth-child(2) .gTwoW,

	.hStyleB #gnb li:nth-child(5) .gTwoW,

	.hStyleB #gnb li:nth-child(6) .gTwoW,

	.hStyleB #gnb li:nth-child(7) .gTwoW{padding:0 10px;}

	.hStyleC #gnb li:first-child .oneD{padding:0 24px;}

	.hStyleC #gnb li .oneD span{padding:0 0 26px}



	.serviceH #gnb li:first-child .oneD {padding-left:2px;}

	.serviceH #gnb li .oneD {padding:0 9px;}

	.mediaH #gnb li:first-child .oneD,

	.mediaH #gnb li .oneD{padding:0 18px;}

	.societyH #gnb li:first-child .oneD,

	.societyH #gnb li .oneD{padding:0 13px;}



	.gnbBgA {width:100%; height:210px; background:none;}

	.utillW {width:100%}

	.utillD {width:100%;} 

	.utillD > ul > li.utl2 .inputA {width:540px}

	#uSiteSlider{width:850px; margin:0 50px;} /* 2016-08-11 추가 */

	#uSiteSlider_paging button{width:16.6%} /* 2016-08-11 추가 */

	#uSiteSlider ul li dl:first-child{margin:0} /* 2016-08-11 추가 */

	.uSiteL .btn_area .btn_prev{left:20px;} /* 2016-08-11 추가 */

	.uSiteL .btn_area .btn_next{right:20px} /* 2016-08-11 추가 */



	/* 2018-10-30 추가 */

	.uSiteL{width:100%}

	#uSiteSlider2 ul li dl dt a{word-break:keep-all}

	#uSiteSlider2 {width:100%; padding: 0 3%; box-sizing:border-box; } 

	#uSiteSlider2 ul {width:100%; overflow:hidden;box-sizing:border-box}

	#uSiteSlider2 ul li {width:100%; background:#fff; font-size:14px; color:#333; box-sizing:border-box; padding:80px 0; border-bottom:1px solid #e4e4e4;}

	/* 2018-11-22 수정 */

	#uSiteSlider2 ul li .uSiteD {overflow:hidden; width:calc(100% - 185px); width:-webkit-calc(100% - 185px); float:left;}

	#uSiteSlider2 ul li p.titA{width:155px; margin-right:30px; float:left;} 

	/* //2018-11-22 수정 */

	#uSiteSlider2 ul li dl dd a{word-break:keep-all}

	#uSiteSlider2 ul li dl {float:left;/*  margin:0 0 0 70px; */ width:25%; box-sizing:border-box; padding-right:20px}

	#uSiteSlider2 ul li .webList dl:nth-child(5n){padding-right:20px}

	#uSiteSlider2 ul li .webList dl:nth-child(5n+1){clear:none}

	#uSiteSlider2 ul li .webList dl:nth-child(n+6){margin-top:0}

	#uSiteSlider2 ul li .webList dl:nth-child(4n){padding-right:0}

	#uSiteSlider2 ul li .webList dl:nth-child(4n+1){clear:both}

	#uSiteSlider2 ul li .webList dl:nth-child(n+5){margin-top:50px}

	 .utillD > ul > li .closeBt{right:50px}

 	 /* // 2018-10-30 추가 */



	.visualW {width:100%;}

	#wrapper.sub .visualW .visS .visA{width:100%}

	#wrapper.sub .visualW .visS .visA .titA{width:87%}

	/* .visualW .visBtD {width:100%} */ /*2018-11-28 주석처리*/ 

	#wrapper.sub .visualW .visBtD {width:96%} /* 2018-10-30 추가 */

	.visualW .visBtD .btL {left:15px;}

	.visualW .visBtD .btR {right:15px;}

	.visualW .visInfoD {width:100%;}

	#contaniner.main .mCon1{height:100%}

	#contaniner.main .mCon1 .mConD {height:100%;width:100%}

	.mCon1{width:100%}

	.mCon1 .mLeftA {width:48%; margin:0 0 0 2%}

	.mMediaD {width:48%; height:100%; margin:0 2% 0 0; box-sizing:border-box}

	.mMediaD .mMediaS {width:100%; height:100%;}

	.mMediaD .mMediaS .imgRollA .imgA {width:100%; height:100%;}

	.mMediaD .mMediaS .imgRollA img{width:100%; height:auto;}

	.mMediaD .mTitA {top:15px; left:15px; bottom:auto; right:auto;}

	.mMediaD .mMediaS .mBoxA {width:50%; height:50%;}

	.mMediaD .mMediaS .mBoxA a {padding:50px 15px 0; height:100%; box-sizing:border-box; width:100%}

	.mMediaD .mMediaS .mBoxA .titA{margin:27px 0 0; font-size:17px}

	.mMediaD .mMediaS .mBoxA .dateA{left:15px; bottom:20px; top:auto} 

	.mMediaD .btnA {right:15px; top:10px; bottom:auto}

	.mVideoD{width:100%;  margin:0}

	.mVideoD .imgA .vedioImgA{width:100%; height:100%;}

	.mVideoD .imgA img {width:100%; height:auto;}

	.mVideoD .playBgA {width:100%; height:100%;}

	.mVideoD a{width:100%; height:100%; font-size:18px; box-sizing:border-box}

	.mVideoD a .mViLinkA {left:0; width:100%;  padding:0 20px; box-sizing:border-box}

	.mNoticeD{width:100%;  margin:0; box-sizing:border-box}

	.mNoticeD .imgA {width:50%; height:100%; box-sizing:border-box;}

	.mNoticeD .imgA p.rollImgA {width:100%; height:100%;overflow:hidden;}

	.mNoticeD .imgA img{width:100%; height:100%;}

	.mNoticeD .infoA {float:left; width:50%; height:100%; box-sizing:border-box;}

	.mNoticeD .infoA .mTitA {top:15px; left:15px;}

	.mNoticeD .infoA a {padding:50px 15px 0; height:100%; box-sizing:border-box; width:100%}

	.mNoticeD .infoA .titA{margin:27px 0 0; font-size:17px}

	.mNoticeD .infoA .txtA{margin:3px 0 10px}

	.mNoticeD .infoA .dateA{left:15px; bottom:20px;}

	.mNoticeD .btnA {right:15px; top:10px;}

	.mSnsD {width:48%; height:100%; margin:0 0 0 2%; box-sizing:border-box}

	.mSnsD .imgA {width:50%; height:100%; box-sizing:border-box;}

	.mSnsD .imgA img{width:100%; height:100%;}

	.mSnsD .infoA {float:left; width:50%; height:100%; box-sizing:border-box;}

	.mSnsD .infoA a {padding:15px 15px 0; height:100%;  box-sizing:border-box}

	.mSnsD .infoA .titA{margin:3px 0 0; font-size:17px}

	.mSnsD .infoA .txtA {margin:3px 0 10px}

	.mSnsD .infoA .dateA{left:15px; bottom:15px; top:auto;}

	.mBlockD {height:auto;  width:50%; background:none; box-sizing:border-box}

	.mBlockD.mCeoD{margin:0 0 0 2%;}

	.mBlockD .imgA {display:block;}

	.mBlockD .webA {position:absolute; top:30px; left:30px;}

	.mBlockD a {padding:0; height:auto;}

	.mCon2 {padding:90px 0}

	#contaniner.main .mCon2 {padding:90px 0}

	.mManaD {width:100%; margin:0 auto;}

	.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}

	.mManaD .newL {width:100%; overflow:hidden;}

	.mManaD .newL li {width:24%; height:auto; margin:0 0 0 1%}

	.mManaD .newL li:first-child{margin:0;}

	.mManaD .newL li a .imgA {width:100%; height:auto}

	.mManaD .newL li .imgA img{width:100%; height:auto;}

	.mManaD .newL li .titA {font-size:18px; padding:27px 0; }

	.mManaD .newL li .mTitA {font-size:18px;}

	.mManaD .newL li .txtA {margin:10px 0 24px; height:125px}

	.mManaD .newL li.twoR .txtA {margin:10px 0 24px; height:100px}

	.mManaD .newL li .infoA {width:100%; box-sizing:border-box; height:255px; padding:20px 0 0;}

	.mManaD {width:97%; margin:0 2% 0 1%; padding:100px 0 0;}

	.mManaD .listA {width:100%;  overflow:hidden;}

	.mManaD .listA li {width:24%; height:168px; margin:0 0 0 1%}

	.mManaD .listA li:first-child{margin:0 0 0 1%}

	.mManaD .listA li .infoA {width:100%; padding:27px 0 0; height:180px; background:#fff; text-align:center;}

	.mManaD .listA li .imgA img{width:100%; height:auto;}

	

	.mCon3 {width:97%; margin:70px 1% 90px 2%;}

	#contaniner.main .mCon3{width:100%; height:auto; padding:0 1% 0 2%; box-sizing:border-box} 

	.mLinkD {width:100%; box-sizing:border-box}

	.mLinkD .mLinkA {width:742px}

	.mLinkD .mLinkL {height:180px;}

	.mLinkD .mLinkL.list2 {width:594px;}

	.mLinkD .mLinkL li a {width:140px; height:118px; padding:22px 0 0}

	.mQuickD {width:100%; height:230px; }

	.mQuickD ul li{width:24%; height:100%}

	.mQuickD ul li .imgA img{width:100%}

	.mQuickD ul li .mTitA {left:3%; width:94%; box-sizing:border-box} 

	.mQuickD ul li a:hover .frameA {width:100%; height:100%; }

	.mQuickD ul li a:hover .frameA {width:100%; height:100%;}

	.mQuickD.count3 {height:100%}

	.mQuickD.count3 ul li{width:32.6666%; height:100%}

	.mQuickD.count3 ul li .mTitA {width:94%;}

	.mQuickD.count3 ul li a:hover .frameA {width:100%; height:100%;}

	

	

	/*용품서브메인*/

	.goodTypeA .wisB .txtArea {right:4%;}

	.goodTypeA .wisB {max-width:1200px; width:100%;}

	.goodsMain .goodsList{max-width:1200px; width:100%; margin:0 auto}

	.subMain .mConD {max-width:1200px; width:100%}

	.mGoodsNotiD {padding:30px; width:33.3333%; height:360px; box-sizing:border-box}

	.mGoodsNotiD .moreBt{top:30px}

	.mGoodsInfoD {width:33.3333%; height:360px;}

	.mGoodsInfoD .guideD {width:100%; background-size:cover;}

	.mGoodsInfoD .obuD{width:100%;background-size:cover; }

	.mGoodsEventD {width:33.3333%; background-color:#fff;}

	.mGoodsEventD .txtArea{position:absolute; top:45px; left:40px}

	.mGoodsEventD .txtA {margin:15px 0 0}

	.goodsMain .mGoodsCusL li {width:25%; box-sizing:border-box}

	.goodsMain .mGoodsCusL li.gl2,.goodsMain .mGoodsCusL li.gl4 {width:25%; height:360px}

	.goodsMain .mGoodsCusL li .txtArea {left:15px; width:80%}

	.goodsMain .mGoodsCusL li .txtA span {display:inline}

	.mCon4 .mConD{padding:0 15px; box-sizing:border-box} 



	/*사회책임경영 서브메인*/

	.societyMain .visualW .visS .visA .titA {left:30px}

	.societyMain .visualW .visS .visA .txtA {left:30px}

	.mSoMangeD .mangeS{width:50%; height:100%; margin:0}

	.mSoMangeD .mangeS .imgA {width:50%; height:100%;}

	.mSoMangeD .mangeS .imgA img{width:100%; height:auto;}

	.mSoMangeD .mangeS .infoA {float:left; width:50%; height:100%;}

	.mSoMangeD .mangeS .infoA a {width:100%; height:100%; position:relative; padding:15px 15px 0; height:100%;  box-sizing:border-box}

	.mSoMangeD .mangeS .infoA .txtA {position:absolute; bottom:5%; left:15px; margin:0; width:90%;}

	.mSoWidthD {margin:80px 0 0;  padding:158px 15px 0; width:auto;}

	.mSoBlockD {margin:80px 15px 0; width:auto;}

	.mSoBlockD li {width:24% }

	.mSoBlockD li .notiBox {width:100%;}

	.mSoBlockD li .notiBox a .imgA {width:100%;}

	.mSoBlockD li .notiBox a .imgA img {width:100%; min-height:190px;}

	.mSoBlockD li .blockD {width:100%; background-position:right 0;}

	.mSoBlockD li .blockD a {padding:30px 20px 0; box-sizing:border-box}

	.societyMain .mCon2 {padding:45px 15px  80px; box-sizing:border-box}



	/* 2018-10-30 추가 */

	.mConDiv .mConD1{width:94%}

	.mConDiv .mConD1 ul li{width:32.33%; margin-right:1%}

	.mConDiv .mConD1 ul li .imgA{width:100%; height:auto}

	.mConDiv .mConD1 .banner{width:49%}

	.mConDiv .mConD1 .banner.left{margin-right:2%}

	.mConDiv .mConD2{width:94%}

	.mConDiv .mConD2 .pdTabs a{width:calc(12.5% - 1px); width:-webkit-calc(12.5% - 1px)}	

	.mConDiv .mConD2 .pdTabs a:last-child{width:12.5%}

	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{width:calc(12.5% - 1px); width:-webkit-calc(12.5% - 1px)}

	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:12.5%}

	.mConDiv .mConD2 .pdViewD{width:100%; height:auto}

	.mConDiv .mConD3{width:94%}

	.mConDiv .mConD3 .crmDiv .list{width:23.33%; margin-right:2%; padding:225px 25px 0; height:465px}

	/* //2018-10-30 추가 */



	/* 커뮤니케이션 2019-03-11 추가 */

	.viewCon .viewD .swImgD{position:relative; width:750px; height:auto; margin:60px auto 140px; }

	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}

	.viewCon .viewD .swiper-button-prev{left:-85px; background:url("../images/swimgd_left.jpg") center no-repeat; width:39px; height:71px;}

	.viewCon .viewD .swiper-button-next{right:-85px; background:url("../images/swimgd_right.jpg") center no-repeat; width:39px; height:71px;}

	.viewCon .viewD .swiper-pagination{bottom:-70px; right:0; width:100px; height:40px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:20px; color:#fff; line-height:40px;}

	/* // 2019-03-11 추가 */



	/*footer*/

	/* 2018-10-30 추가 */

	#footer .quickA{width:800px}

	#footer .quickA .rightD{width:600px}

	#footer .topA .famSiteD .famList{height:310px}

	#footer .topA .famSiteD .famList .listD{width:900px}

	#footer .topA .famSiteD .famList .listD ul{width:250px; padding:25px 25px 0}

	#footer .footerS .telA{padding:0 0 0 20px}

	#footer .footerS .leftA{width:75%; padding:0 0 0 20px; box-sizing:border-box}

	#footer .footerS .rightA{width:25%; box-sizing:border-box}

	#footer .footerS .webCirtyM{width:25%; top:54px; right:-18px; text-align:left;}

	#footer .quickA .rightD{margin-top:0}

	/* //2018-10-30 추가 */

	#footer .topA{width:100%}

	#footer .footerS{width:100%;}

	#footer .footerS .leftA{width:75%; padding:0 0 0 20px; box-sizing:border-box}

	#footer .footerS .rightA{width:25%; box-sizing:border-box}

	#footer .footerS .webCirtyM{width:25%; top:54px; right:-18px; text-align:left;}



	/*서브*/

	.subTopD {width:100%; box-sizing:border-box}

	/* 2018-10-30 수정 */

	.subTopD .subNaviD {padding:0;box-sizing:border-box}

	.subTopD .printBt{border-right:none}

	/* //2018-10-30 수정 */

	.subTitD {width:94%; margin:0 3%}

	.pShareD {right:10px;}

	.subCon {width:94%; margin:0 3%}

	.sCon {width:100%; overflow:hidden;}

	.subDiv {padding:55px 25px 80px; width:100%; overflow:hidden; box-sizing:border-box;}

	.subDiv.tp2 {padding:0 25px 80px; width:100%; overflow:hidden; box-sizing:border-box;}

	.subDiv.tp2 {padding:0 30px 80px; width:100%; overflow:hidden; box-sizing:border-box;}

	.pageTopBt{right:-35px;}

	.boardType1.tp tbody td .mapViewBt{padding:8px 0; width:80px; text-align:center}/* 2018-11-29 수정 */

	.ceoTop{width:100%; height:270px; padding:95px 0 0 120px; box-sizing:border-box}

	.divideTxtA{width:100%; padding:27px 40px 32px; box-sizing:border-box;}

	.divideTxtA.tp{width:100%; padding:0 40px 32px; box-sizing:border-box;}

	.divideTxtA div{width:49%; margin-left:2%;}

	.divideTxtA div:first-child{margin-left:0;}

	.divideTxtB{width:100%; padding:27px 40px 32px; box-sizing:border-box;}

	.divideTxtB div{width:49%; margin-left:2%;}

	.divideTxtB div:first-child{margin-left:0;}

	.divideTxtB .imgA img{width:100%}

	.visionList li > div{top:35px; left:35px;}

	.visionList li .busiD{margin-top:12px; left:-45px;}

	.visionList li .busiD dl{padding-left:20px; width:137px;}

	.visionList li.vision1{width:100%; height:auto;}

	.visionList li.vision1 > img{width:100%;}

	.visionList li.vision2{width:100%; height:auto;}

	.visionList li.vision2 > img{width:100%;}

	.visionList li.vision3{width:100%; height:auto;}

	.visionList li.vision3 > img{width:100%;}

	.visionW{width:100%; box-sizing:border-box}

	.visionW .idea.D3 .listTp2 .wisB img{width:100%;}

	.visionW .idea.D3 .listTp2 li div{min-height:120px;}

	.officeHeadD{width:100%; padding:95px 0 0 175px; box-sizing:border-box; padding:95px 0 0 175px}

	.brachTabArea a{width:16.65%}

	.brachConArea .imgA{width:50%;}

	.brachConArea .imgA img{width:100%;}

	.brachConArea .con{width:50%; padding:20px 3% 0 3%}

	.brachConArea .con > .txt{margin-top:12px; padding-bottom:0;}

	.brachConArea .con .bInfo{margin-top:20px; padding-right:140px}

	.brachConArea .con .bInfo.ovTp{margin-top:20px; padding-right:0}

	.brachConArea .con .bInfo .add{margin-top:8px;}

	.sumW{box-sizing:border-box; width:100%;}

	.sumW .listTp li{width:50%;}

	.wType{box-sizing:border-box; width:100%; padding:45px 30px 80px;}

	.reportW{box-sizing:border-box; width:100%;}

	.listTp2 li{width:32%; margin-left:2%;}

	.listTypeB li a .infoA{padding:15px 0 0 0}



	/*회사소개*/

	.moduleTop,

	.keyComTop,

	.asPartsTop,

	.infoGoodsTop {width:100%; height:260px; box-sizing:border-box}

	.summaryTop{width:100%; box-sizing:border-box; font-size:14px; padding:35px; letter-spacing:-0.8px}

	.summaryTop .btnA {bottom:10px; right:10px;} /* 2017-09-13 추가 */

	.summaryTop .btnA a {padding:5px 10px 3px; font-size:13px} /* 2017-09-13 추가 */

	.summaryTop .btnA a span{font-size:13px; margin:0 5px 0 0}  /* 2017-09-13 추가 */

	.infoGoodsD .leftA,

	.infoGoodsD .rightA {width:50%; padding:0 30px; box-sizing:border-box}

	.infoGoodsD2 .infoA{width:660px;}

	.introSumL li {width:50%; min-height:248px; padding:33px 40px 43px 60px; box-sizing:border-box}

	.introSumL li .infoA {width:60%}

	.introSumL2 li {width:32%; margin:0 0 0 2%}

	.introSumL2 li .infoA {padding:20px 27px; min-height:200px;}

	.introSumL2 li .imgA img{width:100%;}

	.colorD .leftA {width:50%; padding:0 15px 0 0; box-sizing:border-box; margin:0;}

	.colorD .rightA {width:50%; padding:0 0 0 15px; box-sizing:border-box}

	.colorList li {padding:0 15px 0 0}

	.colorList li .txtA {padding:9px 10px;}

	.colorList.mainColorL li:nth-child(3) .txtA,

	.colorList.subColorL li:nth-child(6) .txtA,

	.colorList.subColorL li:nth-child(7) .txtA{padding:17px 10px;}

	.colorLogoL li .imgA {width:125px; margin:0 10px 0 0}

	.colorLogoL li .imgA img {width:100%;}	

	.colorLogoL li .txtA {line-height:1; margin:28px 0 30px}

	.colorLogoL.cLogoL1 li .txtA {line-height:1; margin:28px 0 15px}

	.colorLogoL li .txtA.twoR {margin:14px 0 17px}

	.colorLogoL li .txtA.thrR {margin:5px 0 0}

	.colorLogoL.cLogoL1 li .txtA.twoR {margin:10px 0 20px;}

	.logoMarkD {padding:35px 100px}

	.logoMarkD img {width:100%;}



	/* 고객서비스 */

	.proSrchTxt{padding:30px 50px 0;}

	.proSrchA{width:100%; padding:0 50px; background:none;}

	.proSrchA.pTp{margin:30px auto 0}

	.proSrchA .imgA{display:none}

	.proSrchA.tp1 .chkList{width:100%; height:auto;}

	.proSrchA.tp2 .chkList{width:100%; height:auto;}

	.proSrchA .chkList li{padding-left:3%; width:100%; height:60px; line-height:60px;  box-sizing:border-box;}

	.proSrchA .chkList li .titA{width:18%;}

	.proSrchA .chkList li .chkA{width:82%;}

	.proSrchA .chkList li .chkA select{vertical-align:0;}

	.proSrchA .chkList li .chkA .regionSel0{width:622px}

	.proSrchA.tp1 input[type="text"]{width:310px; height:32px; font-size:16px; color:#003f82; font-weight:bold}

	.proSrchA.tp2 select{width:309px; height:40px; font-size:16px;}

	.proSrchA.tp2 input[type="text"]{width:600px; height:32px; font-size:16px; color:#003f82; font-weight:bold}

	.partNoData{width:100%}

	.partFindA{padding:40px 50px 90px}

	.titInfoA{width:100%;}

	.titInfoA.tp2{width:100%;}

	.titInfoA .titA{width:17%;}

	.titInfoA .titA.tp2{width:13%;}

	.titInfoA .titA .btn a{font-size:15px;}

	.titInfoA .infoA{width:81%;}

	.titInfoA .infoA.tp2{width:85%;}

	.titInfoA .featA li{width:20%}

	.titInfoA .manualA .txt{float:none;}

	.titInfoA .manualA .btnA{float:none; margin-top:10px;}

	.titInfoA .strategyA{width:81%;}

	.titInfoA .strategyA dl{margin-top:12px}

	.titInfoA .strategyA dt{font-size:15px;}

	.titInfoA .strategyA dd{font-size:15px;}

	.manualBotA{padding:40px 50px 90px}

	.manualBotA.tp{padding:40px 50px 90px}

	.titInfoA .infoA .infoListA li .imgA img{width:49%; margin-left:2%}

	.titInfoA .infoA .infoListA li .imgA img:first-child{margin-left:0}

	.partnerShipA .txtA{display:block;}

	.partnerShipA .btnA{display:block; margin-left:0; margin-top:15px;}

	.serviceMain .serviceVisualW{width:100%;}

	.serviceMain .serviceVisualW .srchW{width:70%}

	.serviceMain .serviceVisualW .srchD{left:10%; top:90px}

	.serviceMain .mCon1{padding:0 30px; box-sizing:border-box}

	.serviceMain .mGoodsCusL li {width:33.3%; box-sizing:border-box}

	.serviceMain .mGoodsCusL li.gl2,.serviceMain .mGoodsCusL li.gl4 {width:33.3%; height:360px}

	.serviceMain .mGoodsCusL li .txtArea {left:15px; width:80%}

	.serviceMain .mGoodsCusL li .txtA span {display:inline}

	.serviceMain .mCon3 .mManaD{margin:40px auto 60px;}

	.serviceMain .mCon3 .listA{min-height:420px !important;}

	.serviceMain .mCon3 .mTitA{display:block !important; text-align:center; font-size:20px !important;}

	.serviceMain .mConD{padding:0 15px; box-sizing:border-box;}

		

	/*용품*/

	.goodsTop {width:100%;}

	.goodsTop .gSrchD{padding:30px 40px 40px; width:100%; min-height:177px; box-sizing:border-box}

	.goodsList ul > li {width:33.33333%;}

	.goodsList ul > li .imgA img{width:100%;}

	.goodsList ul > li a .hover {top:5%; left:5%; width:90%; height:90%; box-sizing:border-box}

	.goodsList ul > li a .hover .titA {margin:0;}

	.loginD.gLoginD .rightA{padding:0 0 0 20px;}



	/* 미디어센터 */

	.comNewsTop  {width:100%; height:230px; box-sizing:border-box}

	.gardenList li .txtA{font-size:13px; padding:3px 5px;}

	.mediaMain .mCon2 .mMideaVideoD{width:50%; height:auto; background:red;}

	.mediaMain .mCon2 .mMideaVideoD span img{width:100%; height:auto;}

	.mediaMain .mCon2 .mMideaReportD{width:25%; height:auto;}

	.mediaMain .mCon2 .mMideaReportD img{width:100%;}

	.mediaMain .mCon2 .mMideaPrD{width:25%; height:auto;}

	.mediaMain .mCon2 .mMideaPrD > div{width:100% !important;; height:auto !important;; padding:0;}

	.mediaMain .mCon2 .mMideaPrD .box1 .tit{position:absolute; z-index:1; left:10%; top:17%;}

	.mediaMain .mCon2 .mMideaPrD .box1 .txt{position:absolute; z-index:1; left:10%; top:22%;}

	.mediaMain .mCon2 .mMideaPrD .imgA{position:relative;}

	.mediaMain .mCon2 .mMideaPrD .imgA img{width:100%;}

	.mediaMain .mediaTabArea1 .wrapA{padding:0 15px; width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box}/* 2018-11-13 수정 */

	 /* 2018-10-30 수정 */

	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul li{width:33%; overflow:hidden}

	.mediaMain .mediaTabArea1 .mTabCon1 ul li.long{width:66%}

	.mediaMain .mediaTabArea1 .mTabCon1 ul li{margin:2% 0 0 0}/* 2018-11-13 수정 */

	.mediaMain .mediaTabArea1 .mTabCon1 ul li:nth-child(5){margin-right:0}

	/* 2018-11-08 추가 */

	.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(6){margin-top:2%; margin-left:0}

	.mediaMain .mediaTabArea1 .mTabCon1 ul.type2 li:nth-child(5n){margin-right:initial}

	/* //2018-11-08 추가 */

	.mediaMain .mediaTabArea1 .wrapA ul li .imgB, 

	.mediaMain .mediaTabArea1 .wrapA ul li .imgB img{width:100%; height:auto;}

	.mediaMain .mediaTabArea1 .wrapA ul li .imgA, 

	.mediaMain .mediaTabArea1 .wrapA ul li .imgA img{width:100%; height:auto;}

	.mediaMain .mediaScArea{margin-top:40px;}

	.mediaMain .mediaScArea .mTabScCon{height: auto !important;}

	.mediaMain .mediaScArea .wrapA{padding:0 15px; width:100%; max-width:1200px; margin:30px auto 0; box-sizing:border-box}

	.mediaMain .mediaScArea .wrapA ul li{width:32.6666%; height:auto; margin-left:1%;}

	.mediaMain .mediaScArea .wrapA ul li .imgA, 

	.mediaMain .mediaScArea .wrapA ul li .imgA img{width:100%; height:auto;}

	.mediaMain .mediaScArea .tabA li .txtA{min-height:165px}

	.mediaMain .mediaTabArea1 .mTabCon1{height: auto !important;}

	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(4),

	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(5),

	.mediaMain .mediaTabArea1 .tabA2 ul li:nth-child(6){margin-top:10px;}

	.mediaMain .mediaTabArea2 .mTabCon2{width:100%; padding:0 15px; box-sizing:border-box}

	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li{width:24.25%; margin-left:1% !important;;}

	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp1 .infoA{padding:17px 9% 40px; width:82%;}

	.mediaMain .mediaTabArea2 .mTabCon2 > div > ul > li.tp2 .infoA{padding:30px 30px 50px; width:100%; box-sizing:border-box}

	/* // 2018-10-30 수정*/

	

	.eHisTabA .eHisButD a {margin:0 0 0 100px;}

	.eHisTabCon .keywordD .titA{width:15%; max-width:128px; margin-right:0;}

	.eHisTabCon .keywordD .keyButA {float:left; margin:8px 0 0; width:85%}

	.eHisPopD .imgA img {max-width:800px;}

	.eHisPopD .eHisCon .videoA video {max-width:500px !impotrant}





	/* 사회책임경영 */

	.reportList li{width:29.3%; margin-top:20px; margin-right:2% !important; margin-bottom:20px; margin-left:2% !important}

	.reportList.tp li .imgA{width:100%; box-sizing:border-box;}

	.reportList li .imgA img{width:100% !important; height:auto !important}

	.reportList li .btnUtil .lang{margin-top:8px; display:inline-block; padding-left:0;}

	.reportList li .btnUtil .lang:before{display:none;}

	.chartSrchA{position:absolute; top:54px; left:45px;}

	.chartSrchA .botA2 span select{width:200px}

	.chartSrchA .botA3 span select{width:200px}

	.strategyList > li{width:30%; margin-left:5%}

	.strategyList > li > .imgA img{width:100%}

	.strategyList > li > div{margin-top:1px;}

	.strategyA.tp{width:70%}

	.strategyA.tp > div img{width:100%;}

	.strategyA.tp .strategyList > li{width:47%; margin-left:6%}

	.strategyA.tp .strategyList > li:first-child{margin-left:0}

	.ethicsSystemW li div{padding:19px 3%}

	.ethicsSystemW li div .tit{font-size:15px;}

	.ethicsOperSys li{width:22%; margin-left:4%;}

	.actList li{float:left; border:1px solid #ddd; margin-left:1%; box-sizing:border-box; width:24.25%; text-align:center; padding:30px 0 25px;}

	.cpBtnW2 a{margin-left:1%; width:49.5%;}

	.cpBtnW2 a:first-child{margin-left:0%;}

	.cpBtnW2 a img{width:100%;}

	.cpElementList li{width:23.5%; margin-left:2%;}

	.cpElementList dt{padding:25px 20px 35px;}

	.cpElementList dt .tit{font-size:18px;}

	.aTwoBox li{float:left; width:48%; margin-left:4%;}

	.aTwoBox li img{width:100%;}

	.meerForestD .fl {width:30%; max-width:250px}

	.meerForestD .fr {width:70%;}

	.sSumD .widthL{width:100%}

	.sSumD .widthL li {width:14.28%; text-align:center; letter-spacing:-0.8px; float:left; min-height:175px; margin:0 0 8px;}



	/* 스포츠단 */

	.basketballTop,

	.archeryTop {width:100%; height:260px; box-sizing:border-box}

	.basketDiv {padding:50px 35px 490px;}

	.archeryD {padding:0 520px 0 0}

	.archeryPopW .accoPopD {width:48%;}

	.archeryPopW .accoPopD .accTopA{width:100%; box-sizing:border-box}

	.archeryPopW .accoPopD .imgA {margin:0 0 0 0}

	.archeryPopW .accoPopD .infoA {width:195px; padding:18px 0 0}

	.archeryPopW .accoPopD .infoA .titA {margin:10px 0 0;}

	.archeryPopW .accoPopD .infoA .txtA {margin:8px 0 0;}



	/*hr*/

	.talentTrainingTop {width:100%; height:260px; box-sizing:border-box}

	.talTrainingL ul > li:first-child{border-top:0; padding-top:0;}

	.talTrainingL ul > li .infoA {height:100%; padding:0;}

	.talTrainingL ul > li .imgA {float:right}

	.talTrainingL2 {margin:38px 0 0; width:100%; overflow:hidden;}

	.talTrainingL2 ul > li {width:48%; height:420px; margin:0 0 0 2%;}

	.talTrainingL2 ul > li.l1,.talTrainingL2 ul > li.l3 {margin:0 2% 0 0;}

	.talTrainingL2 ul > li.l3,.talTrainingL2 ul > li.l4{margin-top:40px; height:370px;}

	.talTrainingL2 ul > li .imgA img{width:100%;}

	

	/*ir*/

	.nameBoxD ul > li {margin:0 0 2% 2%; padding:20px 20px; width:23%; height:auto; box-sizing:border-box}

	.nameBoxD ul > li .titA {padding:0 0 25px;}

	.condiBox ul > li {margin:2% 0 0 2%; width:48%; box-sizing:border-box}

	.condiBox ul > li .topA {position:relative; padding:20px;}



	/*회원가입*/

	.loginD {padding:105px 30px; width:100%; box-sizing:border-box}

	.loginD .leftA{float:left; width:50%; padding:43px 20px 0; box-sizing:border-box}

	.loginD .leftA .logoA img {width:100%; max-width:420px}

	.loginD .rightA{float:left; width:50%; padding:0 0 0 20px; box-sizing:border-box}

	.mSearchDiv {padding:80px 90px;}



	/* 유틸리티 */

	.allSrchA{left:18%;}

	.siteInfoList li{width:32%; margin-left:2%; padding:0 20px 65px 20px;}

	.siteInfoList li .tit{font-size:18px;}



	/* 2018-11-20 추가 */

	.proDiv .proCon2 .viewCon .videoD{width:auto}

	/* // 2018-11-20 추가 */

}



@media all and (max-width: 1020px){

	/* 커뮤니케이션 2019-03-11 추가 */

	.viewCon .viewD .swImgD{position:relative; width:730px; height:auto;}

	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:50%; transform:translateY(-50%)}

	.viewCon .viewD .swiper-button-prev{left:-70px;}

	.viewCon .viewD .swiper-button-next{right:-70px;}

	/* // 2019-03-11 추가 */

}



/* 테블릿 가로 해상도 */

@media all and (max-width:981px) {

	

	/* 커뮤니케이션 2019-03-11 추가 */

	.viewCon .viewD .swImgD{position:relative; width:90%; height:auto; margin:30px auto 70px; }

	.viewCon .viewD .swiper-button-next, .viewCon .viewD .swiper-button-prev{top:55%; transform:translateY(-50%)}

	.viewCon .viewD .swiper-button-prev{left:-8%; background:url("../images/swimgd_left.jpg") center no-repeat; background-size:20px auto; width:20px; height:35px;}

	.viewCon .viewD .swiper-button-next{right:-8%; background:url("../images/swimgd_right.jpg") center no-repeat; background-size:20px auto; width:20px; height:35px;}

	.viewCon .viewD .swiper-pagination{bottom:-35px; right:0; width:55px; height:25px; margin:0 auto; border-radius:50px; background:#8b8b8b; font-size:14px; color:#fff; line-height:25px;}

	/* // 2019-03-11 추가 */

	

	#wrapper{min-width:100%;}

	#header {padding:0; min-height:42px; background:none;}

	#gnb {display:none;}

	.headDiv {width:94%; margin:0 3%; padding:0}

	.sub #header{border-bottom:1px solid #f0f0f0}/* 2018-12-07 추가 */

	.headDiv h1 a{width:89px !important; height:21px; margin:11px 0 11px 0; background:url('../images/h_logo_m.png') no-repeat 0 0; background-size:58px 21px;}

	.headDiv h1 .subLogo {margin:11px 5px 0; padding:0 0 0 5px; background-position:0 6px; background-size:1px 15px;}

	.headDiv h1 .subLogo a {height:22px; background-position:0 0;}

	.introH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/introh_logo_m.png');  background-size:51px 21px;}

	.serviceH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/serviceh_logo_m.png'); background-size:51px 21px;}

	.mediaH .headDiv h1 .subLogo a{width:57px !important; background-image:url('../images/mediah_logo_m.png'); background-size:57px 21px;}

	.societyH .headDiv h1 .subLogo a{width:51px !important; background-image:url('../images/societyh_logo_m.png'); background-size:51px 21px;}

	.hrH .headDiv h1 .subLogo a{width:30px !important;background-image:url('../images/hrh_logo_m.png'); background-size:30px 21px;}

	.cyberH .headDiv h1 a {width:112px !important; height:40px; background:url('../images/h_logo.png') no-repeat 0 0;background-size:112px 40px;}

	.cyberH .headDiv h1 .subLogo a{width:114px !important; height:40px; background-size:114px 40px;}





	/* 2018-10-30 삭제

	.hStyleC .headDiv{margin:0 0;}

	.hStyleC #gnb{display:block;}

	

	.utillW {width:100%; top:12px}

	.utillD  {width:100%;}

	.utillD > ul > li .closeBt {position:absolute; top:-15px; right:0; width:100%; height:48px; text-indent:-99999px; background:url('../images/utillclose_icon_m.png') no-repeat center center #000; background-size:31px 42px;}

	.utillD > ul > li:first-child .closeBt {background-size:34px 42px; background-color:#000;}

	.utillD > ul {width:241px; height:21px; background:url('../images/toputill_bg_t.png') no-repeat 0 0; background-size:241px 21px;}

	.utillD > ul > li,

	.utillD > ul > li  > a{width:40px; height:28px;}

	.utillD > ul > li:last-child,

	.utillD > ul > li:last-child > a{width:30px}

	

	.utillD > ul > li.utl1 .uSnsA {width:282px; top:28px; right:-130px; box-sizing:border-box}

	.utillD > ul > li.utl1 .uSnsA .titA  {padding:0 15px; height:38px; line-height:38px; font-size:17px}

	.utillD > ul > li.utl1 .uSnsD {padding:15px 0; width:280px; box-sizing:border-box}

	.utillD > ul > li.utl1 .uSnsD .leftA {width:50%; padding:0 0 0 10px; box-sizing:border-box}

	.utillD > ul > li.utl1 .uSnsD .rightA {width:50%; padding:0 0 0 10px; box-sizing:border-box}

	.utillD > ul > li.utl1 .uSnsD li {width:100%; overflow:hidden; margin:10px 0 0;}

	.utillD > ul > li.utl1 .uSnsD li a {width:123px}

	.utillD > ul > li.utl1 .uSnsD .imgA {width:25px;margin:5px 5px 0 0;} 

	.utillD > ul > li.utl1 .uSnsD .imgA img {width:100%;}

	.utillD > ul > li.utl1 .uSnsD .infoA {width:88px; font-size:14px;} 

	.utillD > ul > li.utl2 .inputA {top:33px; right:-95px; padding:15px 20px 0 18px; height:70px; border:none; background:#000; box-sizing:border-box;}

	.utillD > ul > li.utl2 .inputA input {border:0; height:37px; width:100%; padding:8px 0 0 10px; font-size:15px; color:#fff; background:url('../images/inputsrch_bu.gif') no-repeat 0 6px; box-sizing:border-box}

	.utillD > ul > li.utl2 .inputA .searchBt {position:absolute; top:24px; right:15px; height:25px; width:25px; background:url('../images/inputsrch_icon_m.png') no-repeat 0 0; background-size:25px; text-indent:-99999px;} 

	.utillD > ul > li.utl3 .uLangB{width:120px; top:33px;}

	.utillD > ul > li.utl3 .uLangB .titA {padding:0 15px; height:38px; line-height:38px; font-size:17px}

	.utillD > ul > li.utl3 .uLangB ul {padding:3px 15px 6px}

	.utillD > ul > li.utl3 .uLangB ul li {margin:0 0 5px; font-size:14px;}

	.utillD > ul > li.utl3 .uLangB ul li.on a {background-position:right 5px; background-size:11px 8px;}

	.utillD > ul > li.utl4 .uNewsB {width:280px; top:33px; right:-34px}

	.utillD > ul > li.utl4 .uNewsB > .titA {padding:0 15px; height:38px; line-height:38px; font-size:17px}

	.utillD > ul > li.utl4 .uNewsB ul li a {padding:15px 10px; width:260px; overflow:hidden;}

	.utillD > ul > li.utl4 .uNewsB ul li a .imgA {width:100px; margin:0 10px 0 0;}

	.utillD > ul > li.utl4 .uNewsB ul li a .imgA img {width:100%;}

	.utillD > ul > li.utl4 .uNewsB ul li a .infoA {width:148px}

	.utillD > ul > li.utl4 .uNewsB ul li a .cateA {margin:10px 0 0;}

	.uSiteL {width:100%; box-sizing:border-box; border-left:1px solid #d5d5d5;  background:#f0f0f0;}

	.utillD > ul > li.utl5 .uSiteB {top:33px; right:-5px}

	.utillD > ul > li.utl5 .closeBt {width:120%; right:-5px}

	#uSiteSlider {height:100%; min-height:330px; width:60%; margin:0; left:40%; box-sizing:border-box}

	#uSiteSlider ul {height:100%; width:100%; box-sizing:border-box; }

	#uSiteSlider ul li {width:100%; height:100%; box-sizing:border-box}

	#uSiteSlider ul li .titA a{display:none;}

	#uSiteSlider ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}

	#uSiteSlider ul li.si5 .uSiteD {padding:15px 10px 0  !important}

	#uSiteSlider ul li.si5 .uSiteD p{float:none;}

	#uSiteSlider ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}

	#uSiteSlider ul li.si5 .uSiteD p img{width:100%; max-width:385px;}

	#uSiteSlider ul li dl {float:none; width:100% !important; margin:13px 0 0 !important; text-align:left; padding:0 5px 15px 0 !important; border-bottom:1px solid #d5d5d5; box-sizing:border-box}

	#uSiteSlider ul li.si4 dl {max-width:100%}

	#uSiteSlider ul li dl dt a{font-size:16px; }

	#uSiteSlider ul li dl dd:first-child{margin:4px 0 0;}

	#uSiteSlider ul li dl dd{line-height:1.2;}

	#uSiteSlider ul li dl dd a.on {font-weight:bold; color:#003f82}

	#uSiteSlider ul li.si6 .uSiteD > p img{width:100%;}*/



	#wrapper.main .mVisualM{display:block;}/* 2018-10-30 추가 */

	.visualW .scrollDown{display:none}/* 2018-12-05 추가 */



	/* 2018-10-30 추가 */

	#wrapper .utillW{top:0; background:#fff; z-index:1000; display:none}

	#wrapper .utillW .mHeader{display:block}

	#wrapper .utillW .xBt{position:absolute; display:block; top:15px; right:15px}

	#uSiteSlider2 {height:100%; min-height:330px; width:70%; left:30%; margin:0; box-sizing:border-box}

	#uSiteSlider2 ul {height:100%; width:100%; box-sizing:border-box; }

	#uSiteSlider2 ul li {width:100%; height:100%; box-sizing:border-box; padding:0; display:none}

	#uSiteSlider2 ul li.on{display:block}

	#uSiteSlider2 ul li .titA a{display:none;}

	#uSiteSlider2 ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}

	#uSiteSlider2 ul li.si5 .uSiteD {padding:15px 10px 0  !important}

	#uSiteSlider2 ul li.si5 .uSiteD p{float:none;}

	#uSiteSlider2 ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}

	#uSiteSlider2 ul li dl {float:none; width:100% !important; margin:13px 0 0 !important; text-align:left; padding:0 5px 15px 0 !important; border-bottom:1px solid #d5d5d5; box-sizing:border-box}

	#uSiteSlider2 ul li dl:last-child{border-bottom:0}

	#uSiteSlider2 ul li dl dt a{font-size:16px; letter-spacing:-1px;}

	#uSiteSlider2 ul li .wNtB dt a{margin-bottom:0}

	#uSiteSlider2 ul li dl dd:first-child{margin:4px 0 0;}

	#uSiteSlider2 ul li dl dd{line-height:1.2;}

	#uSiteSlider2 ul li dl dd a {display:block;}

	#uSiteSlider2 ul li dl dd a.on {font-weight:bold; color:#003f82}

	#uSiteSlider_paging {height:auto; width:30%; position:absolute; top:0; left:0; z-index:5000; overflow:inherit;box-sizing:border-box;}

	#uSiteSlider_paging button{width:100%; padding:20px 15px; text-align:left; font-size:17px; color:#fff; border-bottom:0; background:#06478c; display:block; line-height:1}/* 2018-11-29 수정*/

	#uSiteSlider_paging button.on {position:relative; /*left:1px;*/ background:#fff; color:#333; /*border-bottom:1px solid #d5d5d5; */ /*border-top:1px solid #d5d5d5;*/ border-right:0; border-left:0;}

	#uSiteSlider_paging button.on:first-child{border-top:none;}

	#uSiteSlider_paging button a{color: #fff}

	#uSiteSlider_paging button.on a{color:#06478c }

	.uSiteL .btn_area .btn_prev,

	.uSiteL .btn_area .btn_next{display:none;}

	/* 	.wrapperBg{top:43px} 2018-11-23 삭제 */

	.utillD .utillA{left:0}

	.utillD > ul > li{border-right:none !important; border-left:none !important; position:relative; width:49%; box-sizing:border-box; background:#f2f2f2}

	.utillD > ul > li:after{content:''; display:block; position:absolute; top:0; right:0; height:100%; width:0; border-right:1px solid #fff}

	.utillD > ul > li.utl1 .uSnsA{width:194px}

	.utillD > ul > li.utl1 .uSnsD{padding:15px 0; width:194px}

	.utillD > ul > li.utl1 .uSnsD .leftA{width:120px; padding:0 0 0 10px}

	.utillD > ul > li.utl1 .uSnsD .rightA{width:120px; padding:0 0 0 10px}

	.utillD > ul > li.utl1 .uSnsD .imgA{width:20px; margin:3px 5px 0 0}

	.utillD > ul > li.utl1 .uSnsD .imgA img{width:100%}

	/* .utillD > ul > li.utl1 .uSnsD .infoA{width:95px} 2018-11-28 삭제  */

	.utillD > ul > li.utl1 .uSnsD .infoA .cateA{font-size:13px}

	.utillD > ul > li.utl1 .uSnsD .infoA span{font-size:13px}

	.utillD > ul > li.utl1 .uSnsA .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}

	.utillD > ul > li.utl1 .uSnsA{left:0; top:46px; z-index:6000}

	.utillD > ul > li.utl2 .uNewsB .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}

	.utillD > ul > li.utl2 .uNewsB .titA.newsTit{line-height:20px; font-size:13px; padding:0}

	.utillD > ul > li.utl2 .uNewsB{left:0; top:46px; z-index:6000; width:235px; }

	.utillD > ul > li.utl2 .uNewsB ul li a{padding:15px 10px; width:235px; box-sizing:border-box}

	.utillD > ul > li.utl2 .uNewsB ul li a .imgA{margin:0 10px 0 0; width:100px}

	.utillD > ul > li.utl2 .uNewsB ul li a .imgA img{width:100%}

	.utillD > ul > li.utl2 .uNewsB ul li a .infoA{width:105px}

	.utillD > ul > li.utl2 .uNewsB ul li a .cateA{margin:0}

	.utillD > ul > li.utl3 .uLangB{z-index:6000; top:46px; width:120px}

	.utillD > ul > li.utl3 .uLangB .titA{font-size:15px; padding:0 10px; height:35px; line-height:35px}

	.utillD > ul > li.utl3 .uLangB ul{padding:11px 10px 3px}

	.utillD > ul > li.utl4 .inputA{top:46px; right:0 !important; height:90px; padding:37px 0 0 0; z-index:6000}

	.utillD > ul > li.utl4 .inputA .inputDiv{width:94%}

	.utillD > ul > li.utl4 .inputA .inputDiv input{width:100%; border:2px solid #d5d5d5; height:30px; font-size:13px; background:none}

	.utillD > ul > li.utl4 .inputA .searchBt{top:7px; right:15px}

	.utillD > ul > li.utl4 .inputA .searchBt img{width:17px}

	.utillD > ul > li .closeBt{z-index:6100; display:block}

	.utillD > ul > li .closeBt img{width:16px}

	.utillD > ul > li.utl1 .closeBt{top:57px; right:auto; left:170px}

	.utillD > ul > li.utl2 .closeBt{top:57px; right:auto; left:204px}

	.utillD > ul > li.utl3 .closeBt{top:57px}

	.utillD > ul > li.utl4 .closeBt{top:10px; right:20px}

	.utillD > ul > li.utl5 .closeBt{ display:none }

	.utillD > ul{height:46px; width:100%; background:#fff; }

	

	.utillD > ul > li > a{height:46px; line-height:46px; padding:0; width:100%; text-align:center}

	.utillD > ul > li.utl5 a.bt{display:none }

	.utillD > ul > li.utl5 .uSiteB{top:-15px; left:0}

	.uSiteL{width:100%}

	#wrapper .headDiv{width:100%; margin:0;}

	.utillD > ul > li.utl5 .uSiteB{width:100%}

	.utillD > ul > li.utl1 a.bt{padding:0}

	.utillD > ul > li.utl2 a.bt{padding:0; background:none }

	.utillD > ul > li.utl2 a.bt.on{background:#fff}

	.utillD > ul > li.utl3 a.bt{background:url("../images/utill_lang_more.png") 85% 19px no-repeat; }

	.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 85% 19px no-repeat #fff}

	.utillD > ul > li.utl3 .uLangB{}/* 2018-10-30 추가 */

	.utillD > ul > li.utl4 a.bt{background:none }

	.utillD > ul > li.utl4 a.bt.on{background:#fff}

	.utillD > ul > li a.bt span{display:none}

	.mGnbBtn{display:block; text-indent:-9999px; overflow:hidden; background:url('../images/gnbm_btn.png') center no-repeat; background-size:20px 15px; width:20px; height:15px; position:absolute; top:12px; right:15px;}

	.mobileBg{position:absolute; top:0; left:0; width:100%; height:100%; z-index:5001; background:url('../images/wrapper_bg.png') repeat 0 0}

	/* // 2018-10-30 추가*/

	/*

	#uSiteSlider {height:100%; min-height:330px; width:90%; margin:0 5%; box-sizing:border-box}

	#uSiteSlider ul {height:100%; width:100%; box-sizing:border-box}

	#uSiteSlider ul li {width:100%; height:100%; box-sizing:border-box}

	#uSiteSlider ul li .titA a{height:40px; line-height:40px; font-size:17px}

	#uSiteSlider ul li .uSiteD {padding:0 10px 10px !important; text-align:center; width:100% !important; box-sizing:border-box}

	#uSiteSlider ul li.si5 .uSiteD {padding:15px 10px 0  !important}

	#uSiteSlider ul li.si5 .uSiteD p{float:none;}

	#uSiteSlider ul li.si5 .uSiteD p:first-child{margin:0 0 5px;}

	#uSiteSlider ul li.si5 .uSiteD p img{width:100%; max-width:385px;}

	#uSiteSlider ul li dl {float:left; width:50% !important; margin:15px 0 0 !important; padding:0 5px 0 0; box-sizing:border-box}

	#uSiteSlider ul li.si4 dl  {max-width:50%}

	#uSiteSlider ul li dl:nth-child(2n) {padding:0 0 0 5px;}

	#uSiteSlider ul li dl:nth-child(2n):after{content:""; clear:both; display:block !important}

	#uSiteSlider ul li dl dt a{margin:0 0 4px; font-size:15px; }

	#uSiteSlider ul li dl dd{line-height:15px;}

	#uSiteSlider ul li dl dd.fouD{margin:0;}

	.uSiteL .btn_area .btn_prev{top:180px; left:10px}

	.uSiteL .btn_area .btn_next{top:180px; right:10px}

	#uSiteSlider_paging {height:auto;}

	#uSiteSlider_paging button{width:33.33333%; line-height:30px; font-size:15px; border-bottom:1px solid #fff}

	#uSiteSlider_paging button.on {background:#003f82; color:#fff}

	#uSiteSlider_paging button:last-child{border-bottom:0;}*/

	.mCateW {display:none;}



	#wrapper {min-width:100%;}

	.visualW {display:none !important;}

	.mVisualM {position:relative;  display:block;}

	/* 2018-10-30 추가 및 수정 */

	/* 2018-10-30 삭제

	#tsVisualM ul { width:100%; position:absolute; top:0; left:0; overflow:hidden; }

	#tsVisualM ul li { float:left; width:100%; background:#000; font-size:14px; color:#fff; }

	*/

	#tsVisualM .swiper-pagination .swiper-pagination-bullet{border:1px solid rgba(255, 255, 255, 0.9); width:10px; height:10px; box-sizing:border-box; margin:0 2px; background:none}

	#tsVisualM .swiper-pagination .swiper-pagination-bullet-active{background:#fff; border:1px solid #fff}

	#tsVisualM ul li img {width:100%;}	

	#touchSliderM_paging {position:absolute; bottom:20px; left:0; width:100%; text-align:center; color:#fff; font-size:14px;}

	/* //2018-10-30 추가 및 수정 */

	.mCon1{margin:0;}

	.mCon1 .mLeftA {width:100%; margin:0; float:none;}

	.mMediaD {float:none; width:100%; margin:0; border:0;}

	.mMediaD .mTitA {position:absolute; bottom:auto; right:auto; left:30px; top:15px; padding:0 0 8px; font-size:17px;}

	.mMediaD .mMediaS .imgRollA .imgA {border:0;}

	.mMediaD .mMediaS .mBoxA a {width:100%; padding:65px 25px 0; height:100%; box-sizing:border-box}

	.mMediaD .mMediaS .mBoxA .titA{display:block; font-size:15px; line-height:20px}

	.mMediaD .mMediaS .mBoxA .txtA {display:block; margin:5px 0; line-height:18px;}

	.mMediaD .btnA {bottom:auto; top:10px; right:10px;}

	.mMediaD .btnA button {width:30px; height:30px; margin:0 0 0 4px; background-size:30px;}

	.mVideoD{float:none; width:100%; margin:0}

	.mVideoD a{font-size:16px; }

	.mVideoD a .mViLinkA {padding:0 15px}

	.mVideoD a .mViLinkA .playIcon img{width:30px;}

	.mVideoD a span.titA {margin:0 0 10px; line-height:18px;}

	.mNoticeD{float:none; width:100%; margin:0}

	.mNoticeD .infoA .mTitA{padding:0 0 10px;}

	.mNoticeD .imgA {border-top:0; border-right:0;}

	.mNoticeD .imgA img{height:auto;}

	.mNoticeD .infoA {float:left; width:50%; height:100%; border-top:0; border-right:0;}

	.mNoticeD .infoA .mTitA{left:30px; font-size:17px;}

	.mNoticeD .infoA a {padding:50px 30px 0; height:100%; box-sizing:border-box; width:100%}

	.mNoticeD .infoA .titA{margin:10px 0 0; font-size:14px; line-height:20px}

	.mNoticeD .infoA .txtA{margin:10px 0 5px; line-height:18px;}

	.mNoticeD .infoA .dateA{left:30px; top:auto; bottom:30px;}

	.mNoticeD .btnA {right:10px;}

	.mNoticeD .btnA button {width:30px; height:30px; margin:0 0 0 2px; background-size:30px;}

	.mSnsD{float:none; width:100%; margin:0}

	.mSnsD .imgA img{height:auto}

	.mSnsD .infoA a {padding:30px; height:auto;}

	.mSnsD .infoA .mTitA{font-size:17px;}

	.mSnsD .infoA .titA{margin:10px 0 0; font-size:14px; line-height:20px}

	.mSnsD .infoA .txtA {margin:10px 0 5px; line-height:18px;}

	.mSnsD .infoA .dateA{bottom:30px; left:30px}

	.mBlockD{float:left; width:50%; height:100%; margin:0; background:none;}

	.mBlockD.mCeoD{margin:0 0 0 0;}

	.mBlockD.mHisD {float:right;}

	.mBlockD .mTitA{font-size:17px;}

	.mBlockD .txtA{margin:4px 0 5px; line-height:17px;}

	.mBlockD a {padding:0; height:auto;}

	.mBlockD a .row {position:absolute; bottom:30px; left:30px; width:14px; height:12px; background:url('../images/mblockd_row.png') no-repeat center 0; background-size:14px 12px;}

	.mCon2 {padding:40px 15px; box-sizing:border-box}

	#contaniner.main .mCon2 {padding:40px 15px}

	.mManaD {width:100%; margin:0 auto;}

	.mManaD > .mTitA.barBu{padding:20px 0 0; background:url('../images/topbarb50x1_bu.gif') no-repeat center 0;}

	.mManaD .newL {width:100%; overflow:hidden;}

	.mManaD .newL li {position:inherit; float:left; width:49%; margin:0 0 8px 1%; height:auto;}

	.mManaD .newL li:nth-child(2n-1) {margin:0 1% 8px 0}

	.mManaD .newL li:first-child{margin:0 1% 8px 0}

	.mManaD .newL li .imgA img{width:100%; height:auto;}

	.mManaD .newL li .titA {padding:18px 0; font-size:15px; height:65px; box-sizing:border-box}

	.mManaD .newL li.twoR .titA {padding:10px 0; }

	.mManaD .newL li .infoA {width:100%; padding:35px 0 0; height:189px;}

	.mManaD {width:100%; margin:0; padding:120px 0 0;}

	.mManaD .mTitA {font-size:20px;}

	.mManaD .mTxtA {font-size:13px; text-align:center; line-height:20px;}

	.mManaD .listA {height:auto;}

	.mManaD .listA li {position:inherit; float:left; width:49%; margin:0 0 8px 1%; height:auto;}

	.mManaD .listA li:nth-child(2n-1) {margin:0 1% 8px 0}

	.mManaD .listA li:first-child{margin:0 1% 8px 0}

	.mManaD .listA li .infoA {padding:15px 10px 0; height:160px; box-sizing:border-box; left:-100%;bottom:-100%;}

	.mManaD .listA li .mTitA{font-size:17px;}

	.mManaD .listA li .txtA{margin:5px 0 15px; line-height:19px;}

	.mManaD .listA li .rowA{position:absolute; bottom:0px; left:0; padding:0 0 10px; width:100%;}

	.mCon3 {width:100%; margin:40px auto 45px;}

	#contaniner.main .mCon3{width:100%; background:none; padding:0} 

	#contaniner.main .mCon3 .fullImgA {position:absolute; top:0; left:0; width:100%}

	.mLinkD {padding:0 1% 0 2%; z-index:500}

	.mLinkD .mTitA {position:initial; top:auto; left:auto; text-align:center; margin:20px 0 0; font-size:18px; color:#000; padding:0 0 10px; background:url('../images/downbarb40x1_bu.gif') no-repeat center bottom}

	.mLinkD .mLinkA {float:none; margin:30px 0 0; width:100%}

	.mLinkD .mLinkL {position:relative; height:100%;}

	.mLinkD .mLinkL li {position:initial; top:auto; left:auto; float:left; margin:0 1% 25px 0; text-align:center; width:32.6666666%;}

	.mLinkD .mLinkL li:nth-child(3n){margin-right:0}

	.mLinkD .mLinkL li a {width:100%; max-width:250px !important; max-height:250px !important; margin:0 auto; padding:0; border-radius:130px; box-sizing:border-box}

	.mLinkD .mLinkL li a .txtA {margin:5px 0 0; font-size:14px}



	.mQuickD {width:100%; padding:0 15px; height:auto; box-sizing:border-box;}

	.mQuickD ul li{position:inherit; float:left; width:49%; height:auto; margin:0 0 8px 0 !important; overflow:hidden;}

	.mQuickD ul li:nth-child(2n-1) {margin:0 1% 8px 0 !important}

	.mQuickD ul li .imgA img{width:100%;}

	.mQuickD ul li .mTitA {position:absolute; bottom:10px; left:3%; width:94%; padding:5px 10px; height:auto; line-height:20px; font-size:14px !important; box-sizing:border-box} 

	.mQuickD ul li a .frameA{position:absolute; top:0; left:0; display:none;}

	.mQuickD ul li a:hover .frameA {width:100%; height:100%;}

	.mQuickD ul li a:hover .mTitA {color:#fff; background:#004a8d;}

	.mQuickD ul li a:hover .mTitA span{background:url('../images/mquick_bu.png') no-repeat right 50%;}

	.mQuickD.count3 {height:auto; padding:0; }

	.mQuickD.count3 ul li{width:100%; height:100%; margin:5px 0 0 !important; opacity:1;}



	/* 2018-10-30 추가 */

	.mConDiv .title{margin-top:100px; top:0; opacity:1; font-size:24px; line-height:1}

	.mConDiv .mConD1 ul{margin:40px auto 0}

	.mConDiv .mConD1 ul li{width:49%; margin-right:2%; top:0; opacity:1; background:none; box-shadow:none}

	.mConDiv .mConD1 ul li:nth-child(2){margin-right:0}

	.mConDiv .mConD1 ul li:nth-child(3){display:none}

	.mConDiv .mConD1 ul li .img{box-shadow:0 6px 35px 0 rgba(2,2,2,.2)}

	.mConDiv .mConD1 li .txtB{position:relative; background:none; font-size:13px; line-height:18px; color:#222; height:auto; display:block; padding:0; bottom:auto; left:auto; margin-top:10px}

	.mConDiv .mConD1 li .txtB span{width:95%; position:relative; bottom:auto; overflow:visible; display:block;}

	.mConDiv .mConD1 .banner{width:100%; margin-right:0 !important; opacity:1; top:0; margin-top:5px; padding:20px; box-shadow:0 6px 35px 0 rgba(2,2,2,.2); background-position:center center !important}

	.mConDiv .mConD1 .banner.left{margin-top:20px}

	.mConDiv .mConD1 .banner .tit{font-size:18px; line-height:1}

	.mConDiv .mConD1 .banner .txt{font-size:12px; line-height:1; margin-top:10px}

	.mConDiv .mConD1 .btnA{width:175px; height:40px; line-height:38px; font-size:13px; margin:40px auto 0; top:0; opacity:1}

	.mConDiv .mConD2 .pdTabs{display:none}

	.mConDiv .mConD2 .tabCont{display:none}

	.mConDiv .mConD2{width:100%}

	.mConDiv .mConD2 .swiper-container{display:block}

	.mConDiv .mConD2{width:100%}

	.mConDiv .mConD2 .pdViewD{margin:40px auto 0; top:0; opacity:1}

	.mConDiv .mConD2 .pdViewD .pdTabCont{width:100%; opacity:1; position:relative; top:auto; left:auto}

	.mConDiv .mConD2 .pdViewD .pdTabCont .img{width:95%}

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{bottom:auto; padding:35px; width:95%; height:195px; background:#06478c}

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .tit{font-size:20px}

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .txt{font-size:13px; line-height:19px}

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt{position:relative; margin-top:25px; width:18px; left:auto; bottom:auto; display:block}

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea .bt img{width:100%}

	.mConDiv .mConD2 .swiper-pagination{overflow:visible; bottom:42px; top:auto}

	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet{float:none; margin:0 2px; width:8px; height:8px; opacity:1; box-sizing:border-box; border:1px solid #fff; background:none}

	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet:last-child{width:8px; margin:0 2px;}

	.mConDiv .mConD2 .swiper-pagination .swiper-pagination-bullet-active{background:#fff}

	.mConDiv .mConD3{margin:0 auto; width:100%}

	.mConDiv .mConD3 .crmDiv{margin:40px auto 0}

	.mConDiv .mConD3 .crmDiv .list{top:0 !important; opacity:1; width:100%; float:none; margin-right:0; height:170px; padding:75px 3%}

	.mConDiv .mConD3 .crmDiv .list:nth-child(1){background:url('../images/m_mcond3_thumb1.jpg') no-repeat center center; background-size:cover}

	.mConDiv .mConD3 .crmDiv .list:nth-child(2){background:url('../images/m_mcond3_thumb2.jpg') no-repeat center center; background-size:cover}

	.mConDiv .mConD3 .crmDiv .list:nth-child(3){background:url('../images/m_mcond3_thumb3.jpg') no-repeat center center; background-size:cover}

	.mConDiv .mConD3 .crmDiv .list:nth-child(4){background:url('../images/m_mcond3_thumb4.jpg') no-repeat center center; background-size:cover}

	.mConDiv .mConD3 .crmDiv .list .tit{font-size:18px; display:inline-block; padding-right:18px; background:url('../images/crmdiv_list_arrow.png') no-repeat right center; background-size:8px auto}

	.mConDiv .mConD3 .crmDiv .list .txt{display:none}

	/* //2018-10-30 추가 */



	/* 제품 */

	/* 2018-11-09 추가*/

	.proTop{height:auto}

	.proTop img{width:100%; height:auto;}

	.proTop p{width:100%; height:auto; padding:20px 4% 80px; font-size:14px; color:#444}/* 2018-11-28 수정 */

	.proTop .broDown{width: calc(100% - 20px);/* for IE*/ width: -webkit-calc(100% - 20px);  /* for Chrome.Safari*/ width : -moz-calc(100% - 20px); /* for Firefox */ height:40px;  left:10px; bottom:20px; font-size:15px; line-height:40px}

	.proTop .broDown span{}

	.proDiv dl{margin-top:40px}

	/* 2018-11-20 추가 및 수정 */

	.proDiv dl dt{float:none; width:100%; margin-right:0}

	.proDiv dl dd{float:none; width:100%}

	.proDiv .proCon1 dd > div:last-child{margin-top:10px}

	.squBuTit{font-size:18px;}

	.proDiv{font-size:14px; line-height:20px}

	.proDiv .proCon1 .proTit{padding:15px 20px; font-size:15px;}

	.proDiv .proCon1 .proTxt{padding:20px}

	.proDiv .proCon2{margin-top:40px}

	.proDiv .proCon2 .squBuTit{float:none; width:100%; margin-right:0}

	.proDiv .proCon2 .viewCon{float:none; width:100%}

	.proDiv .proCon2 .viewCon .videoD{width:100%}

	/* //2018-11-20 추가 및 수정 */

	.proDiv .proCon3 .swiper-container .swiper-slide{}

	.proDiv .viewCon .vScriptD{height:135px}

	.proDiv .viewCon{padding:0 0 5px}

	.proDiv .viewCon .vScriptA{font-size:14px}

	.proDiv .viewCon .vScriptD{padding:0 20px}

	.proDiv .proCon3 .swiper-slide p{ padding:15px 10px;}

	.proDiv .proCon3 .swiper-pagination-bullet{width:10px; height:10px; margin-left:6px}

	.squBu:after, .squBuTit:after{background-size:15px 5px; width:15px; height:5px}

	/* // 2018-11-09 추가 */



	/*용품 서브메인*/

	.subMain .mCon1 {margin:0 auto;}

	.goodTypeA .wisN {position:relative; width:100%; height:auto;}

	.goodTypeA .wisN a , .goodTypeA .wisN span{display:block;} 

	.goodTypeA .wisN a .imgA, .goodTypeA .wisN a .imgA img {width:100%; height:100%; }

	.goodTypeA .wisN a .hover  {position:absolute; bottom:0; left:0; padding:5px 10px; width:100%; height:auto; color:#fff; box-sizing:border-box; text-align:center; background:url('../images/goodsl_bg.png') repeat center 0;}

	.goodTypeA .wisN a .titA {font-size:14px; line-height:18px;}

	.goodsMain .goodsList li {position:inherit; float:left; border-top:1px solid #fff;}

	.goodsMain .goodsList li:first-child{border-right:1px solid #fff; box-sizing:border-box}

	.goodsMain .goodsList li:nth-child(3) {width:100%;}

	.goodsMain .goodsList li a{display:block; position:relative;}

	.goodsMain .mCon2 {padding:0;}

	.subMain .mTitA{font-size:17px;}

	.mGoodsNotiD {float:none; padding:35px 15px; width:100%; height:auto}

	.mGoodsNotiD ul {margin:10px 0 0;}

	.mGoodsNotiD ul li {margin:5px 0 0;}

	.mGoodsNotiD .moreBt{top:35px}

	.mGoodsInfoD {float:none; width:100%; height:100%; overflow:hidden;} 

	.mGoodsInfoD .imgA img {width:100%;}

	.mGoodsInfoD .mTitA{position:absolute; top:30px; left:30px;}

	.mGoodsInfoD .guideD{float:left; width:50%; height:100%;}

	.mGoodsInfoD .obuD{float:left; width:50%; height:100%;}

	.mGoodsEventD {float:none; width:100%; height:100%; background:#fff;}

	.mGoodsEventD .txtArea{top:30px; left:30px}

	.mGoodsEventD .txtA {margin:15px 0 0}

	.mGoodsEventD .imgA {text-align:right; width:100%;}

	.mGoodsEventD .imgA img {max-width:640px; width:100%;}

	.subMain .mCon3 {margin:0}

	.goodsMain .mCon3 .mTitA {display:none;}

	.goodsMain .mGoodsCusL {margin:0}

	.goodsMain .mGoodsCusL .mTitA {display:block; font-size:17px;}

	.goodsMain .mGoodsCusL li {position:initial; float:left; width:50%;height:auto;  border:1px solid #eaeaea; background:#f4f4f4; min-height:240px;}

	.goodsMain .mGoodsCusL li.gl2{width:50%; height:50%;  border-left:0; background:#fff;}

	.goodsMain .mGoodsCusL li.gl3 {border-top:0; background:#fff;}

	.goodsMain .mGoodsCusL li.gl4 {width:50%; height:50%;  border-left:0; border-top:0; background:#f4f4f4;}

	.goodsMain .mGoodsCusL li a{display:block; position:relative;}

	.goodsMain .mGoodsCusL li .txtArea {left:15px; width:80%; z-index:100}

	.goodsMain .mGoodsCusL li .imgA img{max-width:640px; width:100%;}

	.mCon4 {padding:25px 0 30px}

	.goodsMain .mCon4 .mTitA {font-size:21px}

	

	/*사회책임경영 서브메인*/

	.mSoMangeD .mangeS{float:none; width:100%; margin:0}

	.mSoMangeD .mangeS.environD .imgA{float:right}

	.mSoMangeD .mangeS .imgA img{height:auto; min-height:140px}

	.mSoMangeD .mangeS .infoA a {padding:5%; height:auto;}

	.mSoMangeD .mangeS .infoA .mTitA{font-size:17px;}

	.mSoMangeD .mangeS .infoA .txtA {left:5%; line-height:18px;}

	.mSoWidthD {margin:40px 5%; padding:120px 0 0; box-sizing:border-box;}

	.mSoWidthD .mTitA {font-size:20px;}

	.mSoWidthD .mTxtA {font-size:13px; text-align:center; line-height:20px;}

	.mSoWidthD .widthL {height:100%; width:100%; overflow:hidden;}

	.mSoWidthD .widthL li {position:inherit; float:left; width:25%; margin:0 0 8px; height:auto;}

	.mSoWidthD .btnA {margin:20px 0 0}

	.mSoBlockD {margin-top:40px; height:100%}

	.mSoBlockD li {position:inherit; float:left; width:48%;}

	.mSoBlockD li:nth-child(1),.mSoBlockD li:nth-child(3){margin-right:2%;}

	.mSoBlockD li:nth-child(1),.mSoBlockD li:nth-child(2){margin-bottom:2%;}

	.mSoBlockD li .notiBox {height:100%; }

	.mSoBlockD li .notiBox a .imgA img {min-height:auto;}

	.mSoBlockD li .notiBox .txtA {padding:8px 10px}

	.mSoBlockD li .blockD ,

	.mSoBlockD li .blockD a{height:100%; padding:0;}

	.mSoBlockD li .blockD a .wisA {position:absolute; top:35px; left:15px; width:70%}

	.societyMain .mCon2 .mConD .mTitB {font-size:21px}

	.societyMain .mCon2 {padding:25px 15px 30px; box-sizing:border-box}

	.societyMain .mCon3 {padding:25px 15px 30px; box-sizing:border-box}

	.societyMain .mQuickD.count4 {height:auto; padding:0; }

	.societyMain .mQuickD.count4 ul li{width:100%; height:100%; margin:5px 0 0 !important}

	.actVideoD{width:100%;}

	.actVideoD img{max-width:100%;}



	/*footer*/

	/* 2018-10-30 추가 및 수정 */

	#footer .quickA{width:580px; padding:15px 3% 40px}

	#footer .quickA .leftD{width:80px; height:80px; font-size:13px; line-height:18px; padding:22px 0 22px 15px}

	#footer .quickA .rightD{margin-left:20px; width:480px; margin-top:0}

	#footer .quickA .rightD .list{width:160px; height:36px}

	#footer .quickA .rightD .list a{font-size:13px; line-height:18px; background-size:12px; padding-right:27px}

	#footer .topA{height:40px}

	#footer .topA .famSiteD a.bt{height:40px; line-height:40px}

	#footer .topA .famSiteD a.bt span{font-size:14px}

	#footer .topA .famSiteD .famList{bottom:40px; height:auto !important}

	#footer .topA .famSiteD .famList .listD{width:300px; padding:25px 3% 25px 3%}

	#footer .topA .famSiteD .famList .listD ul{float:none; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:0 0 15px; width:100%; margin-bottom:20px}

	#footer .topA .famSiteD .famList .listD ul:last-child{border-bottom:0; margin-bottom:0; padding:0}

	#footer .topA .famSiteD .famList .listD ul li p{font-size:14px; text-align:left; margin-bottom:8px}

	#footer .topA .famSiteD .famList .listD ul li a{font-size:13px; text-align:left; display:block; line-height:22px}

	#footer .topA .famSiteD .famList .listD ul li p a{font-size:14px; margin-bottom:8px}

	#footer .footerS .leftA{padding:0 3% !important}

	#footer .footerS .leftA .fUtillL li{margin-right:20px}

	#footer .footerS .leftA .fUtillL li a{font-size:13px}

	#footer .footerS .leftA .fUtillL li:nth-child(4){clear:initial !important}

	#footer .footerS .leftA .copy{font-size:12px; line-height:20px; margin-top:15px}

	#footer .footerS .telA{padding:0 3%; font-size:16px; margin:20px 0 0 0}

	#footer .footerS .telA span{font-size:18px}

	#footer .topA{width:100%;height:168px}

	#footer .topA .famSiteD{position:static; text-align:center; width:100%; margin-top: 19px;}

	#footer .topA .famSiteD > a{border:none; }

	#footer .topA .famSiteD a.bt {width:100%; box-sizing:border-box}

	#footer .topA .famSiteD .famList {width:100%; box-sizing:border-box}

	#footer .footerS{width:100%; height:auto; padding:13px 0;}

	#footer .footerS .leftA{width:100%; padding:0 10px; float:none; box-sizing:border-box}

	#footer .footerS .leftA .fUtillL {width:100%; overflow:hidden;}

	#footer .footerS .leftA .fUtillL li {background-position:0 3px;}

	#footer .footerS .rightA{float:none; margin:15px 0 0; width:100%; color:#fff; padding:8px 10px 0; background:url('../images/fphone_bu.png') no-repeat 10px 0;}

	#footer .topA .famSiteD .famGo {line-height:44px}

	#footer .footerS .webCirtyM{width:220px; position:relative; top:auto; right:auto; margin:25px 0 0 0; padding:0 3%}

	#footer .footerS .webCirtyM a .txt{display:none}

	#footer .footerS .webCirtyM .webAwd{margin-left:10px;}

	/* //2018-10-30 추가 및 수정 */



	/*서브*/

	.sub #cBody {border-top:1px solid #f0f0f0}

	/* 2018-10-30 수정 */

	.subTopD{display:none; min-height:0; padding-right:0}

	.subTopD .printBt {display:none;}

	.subTopD .subNaviD {}

	.subTopD .subNaviD .navhome{display:none;} 

	.subTopD .subNaviD .spDep{width:50%; box-sizing:border-box} 

	.subTopD .subNaviD .spDep .bt {position:relative; padding:0; line-height:1.3; box-sizing:border-box; height:60px; letter-spacing:-1px; background:url('../images/spdep_open.png') no-repeat right 15px top 50%; background-size:6px auto; font-size:14px; line-height:20px}

	.subTopD .subNaviD .spDep2 .bt {background:url('../images/spdep_open.png') no-repeat right 15px top 50%; background-size:6px auto; color:#c20026}

	.subTopD .subNaviD .spDep.on .bt{background:url('../images/spdep_close.png')  no-repeat right 15px top 50%; background-size:6px auto}

	.subTopD .subNaviD .spDep2.on .bt {background:url('../images/spdep_close.png')  no-repeat right 15px top 50%; background-size:6px auto; color:#c20026}

	.subTopD .subNaviD .spDep .bt span{position:absolute; padding:0 35px 0 15px; top:50%; transform:translateY(-50%); width:100%; box-sizing:border-box; word-break:keep-all}

	.subTopD .subNaviD .spDep ul {top:60px; padding:0 0 10px}

	.subTopD .subNaviD .spDep ul li a{font-size:13px; padding:0 0 0 15px; line-height:26px}

	/* //2018-10-30 수정 */

	.subTitD {padding:15px 0 10px;}

	.subTitD h3 {text-align:center; font-size:20px;}

	.pShareD {top:14px; right:0; }

	.pShareD .pShareA {top:45px;}

	.pShareD .pShareA .row {top:-10px; right:5px; background-size:13px 10px;}

	.pShareD .bt{width:25px; height:25px; background-image:url('../images/share_icon_m.png'); background-size:25px 25px;}

	.pShareD .closeBt{width:25px; height:25px; background-image:url('../images/share_icon_on_m.png'); background-size:25px 25px;}

	.pShareD.typeB {bottom:15px; top:auto;}

	.subCon{padding:0 0 45px;}

	.subDiv {padding:35px 4% !important}

	.subDiv.padW0 {padding:35px 0 !important}

	.subDiv2 {padding:35px 4% !important}

	.pageTopBt {display:none;}

	.divideTxtA{overflow:hidden; padding:15px 3% 32px;}

	.divideTxtA > div{float:none; width:100%; margin-left:0; margin-top:10px;}

	.divideTxtA > div:first-child{margin-top:0;}

	.divideTxtA > div > p{line-height:24px; margin-top:10px;}

	.divideTxtA .signTxt{margin-top:27px;}

	.divideTxtA .btnA{padding-top:20px;}

	.divideTxtB{overflow:hidden; padding:15px 3% 32px;}

	.divideTxtB > div{float:none; width:100%; margin-left:0; margin-top:10px;}

	.divideTxtB > div:first-child{margin-top:0;}

	.divideTxtB > div > p{line-height:24px; margin-top:10px;}

	.divideTxtB .imgA img{width:100%}

	.listTp2 li{width:100%; float:none; margin-top:25px; margin-left:0;}

	.listTp2 li:first-child{margin-top:0;}

	.listTp2 li div{padding:17px 4%;}

	.listTp2 li div .tit{font-size:16px; font-weight:bold; color:#333;}

	.listTp2 li div .txt{font-size:13px; color:#666; margin-top:10px;}

	.listTypeB li a .infoA{padding:15px 0 15px 0; height:auto;}

	.listTypeB li a .infoA .tit{font-size:16px;}

	.listTypeB li a .infoA .txt{margin-top:10px;}

	.listTypeB li a .infoA .date{margin-top:6px;}

	.listTypeB li a .infoA .tagA{bottom:15px}

	.visionW{padding:35px 4%; overflow:hidden;}

	.visionW .idea.D3 .listTp2 li div{min-height:100%;}

	.visionList li.vision1{width:100%; height:auto}

	.visionList li.vision1 > img{display:none;}

	.visionList li.vision2{width:100%; height:auto}

	.visionList li.vision2 > img{display:none;}

	.visionList li.vision3{width:100%; height:auto}

	.visionList li.vision3 > img{display:none;}

	.visionList li .busiD{left:0;}

	.visionList li .busiD dl{float:none; width:initial; padding-top:0; min-height:57px; margin-top:15px; padding-left:82px; height:70px;}

	.visionList li .busiD dl:first-child{margin-top:0;}

	.visionList li .busiD dt{margin-bottom:3px; padding-top:8px;}

	.visionList li .busiD .unit1{background:url('../images/busiunit1.png') left no-repeat;}

	.visionList li .busiD .unit2{background:url('../images/busiunit2.png') left no-repeat;}

	.visionList li .busiD .unit2:before{background:none;}

	.visionList li .busiD .unit3{background:url('../images/busiunit3.png') left no-repeat;}

	.visionList li .busiD .unit3:before{background:none;}

	.officeHeadD{width:100%; height:auto; padding:0; background:none; position:relative;}

	.officeHeadD .txt{position:absolute; line-height:28px; font-size:18px; left:13%; top:18%;}

	.officeHeadD .cBlue{font-size:28px;}

	.officeHeadD .infoArea{padding:0 40px;}

	.officeHeadD .infoArea > div{margin-top:25px;}

	.officeHeadD .infoArea > div span{display:block;}

	.officeHeadD .infoArea .infoUnit2{margin-left:0; margin-top:5px;}

	.brachTabArea{overflow:hidden; margin-top:30px;}

	.brachTabArea a{border:1px solid #e2e2e2; display:block; font-size:16px; color:#444; text-align:center; height:40px; line-height:40px; background:#fff;}

	.brachTabArea.tp a{line-height:16px; padding:2px; font-size:14px;}

	.overseasMap{margin-top:20px;}

	.brachConArea{margin-top:20px;}

	.brachConArea .imgA{width:100%; float:none; display:block;}

	.brachConArea .imgA img{width:100%;}

	.brachConArea .con{float:none; padding:37px 30px 50px 30px; width:100%;}

	.brachConArea .con > .tit{font-size:37px; color:#444}

	.brachConArea .con > .txt{line-height:24px; margin-top:20px; padding-bottom:17px;}

	.brachConArea .con .bInfo{position:relative; margin-top:30px;}

	.brachConArea .con .bInfo.ovTp{position:relative; margin-top:30px;}

	.brachConArea .con .bInfo .tit{position:relative; font-size:17px; font-weight:bold; color:#333}

	.brachConArea .con .bInfo .tit:before{position:absolute; content:""; width:15px; height:1px; top:-3px; left:0; background:#333;}

	.brachConArea .con .bInfo .add{margin-top:15px;}

	.brachConArea .con .bInfo .add span{display:block; line-height:24px;}

	.brachConArea .con .bInfo .mapBt{position:absolute; right:0; bottom:0;}



	/* 회사소개 */

	.summaryTop,

	.moduleTop,

	.keyComTop,

	.asPartsTop,

	.infoGoodsTop {width:100%; overflow:hidden; height:auto; box-sizing:border-box;}

	.asPartsL{margin:10px 0 0;}

	.asPartsL li .titA {}

	.asPartsL li .imgA img{width:100%}

	.infoGoodsD {margin:25px 0 0;}

	.infoGoodsD .leftA {float:none; padding:0 10px 18px; width:100%;}

	.infoGoodsD .rightA {float:none; padding:18px 10px 0; width:100%; border-left:0; border-top:1px solid #e4e4e4;}

	.infoGoodsD .imgA > span {margin:0 2px;}

	.infoGoodsD .titA {margin:5px 0 0; }

	.infoGoodsD .txtA {line-height:20px; margin:10px 0 0;}

	.infoGoodsD2{margin:25px 0 0}

	.infoGoodsD2 .imgA {float:none; width:100%; text-align:center;}

	.infoGoodsD2 .titA {margin:5px 0 0}

	.infoGoodsD2 .infoA{float:none; width:100%; margin:15px 0 0}

	.introSumL li {min-height:178px; padding:18px 15px 16px 20px}

	.introSumL li .infoA {width:58%}

	.introSumL li .infoA .titA {font-size:15px}

	.introSumL li .infoA .barTxt {display:inline-block; margin:8px 0 0; padding:0 5px 10px 0; font-size:18px}

	.introSumL li .infoA .txt2 {margin:10px 0 0; line-height:18px;}

	.introSumL li .imgA {width:120px; padding:0;}

	.introSumL li .imgA img {width:100%;}

	.introSumL2 li .infoA {padding:12px; min-height:223px;}

	.introSumL2 li .infoA .titA {font-size:14px;}

	.introSumL2 li .infoA .txtA {margin:5px 0 0; line-height:18px}

	.colorD {margin:20px 0 0;}

	.colorD .leftA {padding:0 10px 0 0;}

	.colorD .rightA {padding:0 0 0 10px;}

	.colorList li {padding:0 10px 0 0; margin:10px 0 0;}

	.colorList li:nth-child(2n){padding:0}   

	.colorList li .txtA {padding:9px 5px; min-height:35px;}

	.colorList li .txtA.twoR {padding:9px 5px}

	.colorList.subColorL li:nth-child(1) .txtA{padding:9px 2px;}

	.colorList.mainColorL li:nth-child(3) .txtA,

	.colorList.subColorL li:nth-child(6) .txtA,

	.colorList.subColorL li:nth-child(7) .txtA{padding:9px 5px}

	.colorLogoL li {margin:10px 0 0; width:50%;}

	.colorLogoL li .imgA {width:40%; margin:0; padding:0 10px 0 0; box-sizing:border-box}	

	.colorLogoL li .txtA{margin:27px 0 25px; line-height:1.2}

	.colorLogoL li .txtA.twoR {margin:17px 0; line-height:1.2}

	.colorLogoL.cLogoL1 li .txtA {line-height:1.2}

	.colorLogoL.cLogoL1 li .txtA.twoR {margin:15px 0 12px; line-height:1.2}

	.colorLogoL li .txtA.thrR {margin:8px 0; line-height:1.2}

	.logoMarkD {margin:20px 0 0; padding:25px 40px}

	.banGraphicD {margin:20px 0 0}



	/* 고객서비스 */

	.proSrchTxt{padding:30px 4% 0;}

	.proSrchA{width:100%; margin:20px auto 0; padding:0 4%;}

	.proSrchA.pTp{margin:20px auto 0; padding:0 4%}

	.proSrchA .chkList li{padding-left:3%; width:100%; height:60px; line-height:60px;  box-sizing:border-box; display:table}/* 2018-11-29 수정 */

	.proSrchA .chkList li .titA{width:18%; display:table-cell; float:none; vertical-align:middle}/* 2018-11-29 수정 */

	.proSrchA .chkList li .chkA{width:82%; display:table-cell; float:none; vertical-align:middle}/* 2018-11-29 수정 */

	.proSrchA .chkList li .chkA select{vertical-align:0; font-size:14px;}

	.proSrchA .chkList li .chkA .regionSel0{width:309px}

	.proSrchA .chkList label{padding-left:25px;background: url('../images/chktp1_off.gif') left 0px no-repeat;}

	.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left 0px no-repeat;}

	.proSrchA.tp1 .chkList li.areaTp{height:auto; line-height:1.3;}/* 2018-11-29 수정 */

	.proSrchA.tp1 .chkList li.areaTp .chkA{line-height:normal; padding:19px 0 19px 0}

	.proSrchA.tp1 .chkList li.areaTp .chkA input{margin-top:10px;}

	.proSrchA.tp2 .chkList li.areaTp{height:auto; line-height:1.3;}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp .chkA{line-height:normal; padding:11px 0 11px 0}

	.proSrchA.tp2 .chkList li.areaTp .chkA .regionSel2{margin-top:7px;}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp2{height:auto; line-height:1.3;}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp2 .chkA{line-height:normal; padding:19px 0 21px;}

	.proSrchA.tp2 .chkList li.areaTp2 .chkA .reactB{margin-bottom:0} /* 2018-11-29 수정 */

	.proResultA{padding:0 35px; margin-top:55px;}

	.proResultA .partInfoA .infoA{padding:27px 0 35px 50px;}

	.proResultA .partInfoA .infoA.noData{line-height:70px; padding:28px 0 28px 25px}

	.proSrchA.tp2 input[type="text"]{width:500px; height:32px; font-size:16px; color:#003f82; font-weight:bold}

	.partFindA{padding:15px 4% 50px;}

	.titInfoA{margin-top:10px; margin-bottom:40px;}

	.titInfoA.tp2{margin-top:10px; margin-bottom:0;}

	.titInfoA .titA{float:none; width:100%; position:relative; border:none}

	.titInfoA .titA.tp2{float:none; width:100%; position:relative; border:none}

	.titInfoA .titA .tit{font-size:20px; position:relative;}

	.titInfoA .titA .tit:before{position:absolute; content:""; width:80px; height:2px; background:#323232; top:-5px; left:0;}

	.titInfoA .titA .btn{position:absolute; right:0; top:0;}

	.titInfoA .titA .btn a{font-size:13px; padding:6px 11px;}

	.titInfoA .infoA{float:none; width:100%; border-top:none; padding-top:0; margin-top:5px;}

	.titInfoA .infoA.tp2{float:none; width:100%; border-top:none; padding-top:0; margin-top:0;}

	.titInfoA .infoA .recordList li p{padding-left:23px}

	.titInfoA .featA li{width:29.3%; padding-top:20px; margin:0 2%}

	.titInfoA .featA li.feat1{background:none;}

	.titInfoA .featA li.feat2{background:none;}

	.titInfoA .featA li.feat3{background:none;}

	.titInfoA .featA li.feat4{background:none; clear:both}

	.titInfoA .featA li.feat5{background:none;}

	.titInfoA .featA li p.wisN{width:80%; margin:auto;}

	.titInfoA .featA li p.wisN img{width:100%;}

	.titInfoA .featA li p.txt{margin-top:10px}

	.titInfoA .manualA .btnA a{padding:16px 34px 12px 22px; background:url('../images/arrowbgtp.png') 172px no-repeat #003e80; font-size:17px;}

	.titInfoA .infoA .infoListA li > p{line-height:18px;}

	.titInfoA .infoA .infoListA li > p > img{width:15px}

	.titInfoA .infoA .infoListA li .imgA{margin-bottom:25px; margin-top:0}

	.titInfoA .infoA .infoListA li .imgA img{width:100%; margin-left:0; margin-top:10px;}

	.titInfoA .infoA .infoListA li .imgA img:first-child{margin-top:0;}

	.titInfoA .strategyA{float:none; width:100%; padding-top:0; margin-top:5px;}

	.titInfoA .strategyA li{float:none; width:100%; margin-left:0; margin-top:10px; min-height:100%; padding:32px 33px 35px 33px; overflow:hidden;}

	.titInfoA .strategyA li:first-child{margin-top:0}

	.titInfoA .strategyA dl{width:50%; float:left;}

	.titInfoA .strategyA dd:before{top:7px}

	.manualBotA{padding:15px 4% 50px;}

	.manualBotA.tp{padding:30px 4% 50px;}

	.faqType li{background:#fff; margin-bottom:10px;}

	.faqType li a{display:block; position:relative; padding:15px 50px 15px 50px; background:url('../images/faq_q.png') no-repeat 16px 15px; font-size:14px; font-weight:bold; color:#666; background-size:20px;}

	.faqType li a:hover{background:url('../images/faq_q.png') no-repeat 16px 15px; color:#444; font-weight:bold; background-size:20px;}

	.faqType li.on a{background:url('../images/faq_q_on.png') no-repeat 16px 15px #fff; color:#444; font-weight:bold; text-decoration:underline; background-size:20px;}

	.faqType li a span{display:block; position:absolute; top:20px; right:20px;}

	.faqType li a span img{width:13px;}

	.faqType li .answer{padding:17px 4% 26px 50px; background:url('../images/faq_a.png') no-repeat 15px 23px #f9f9f9; line-height:24px; border:1px solid #e2e2e2; background-size:20px;}

	.partnerShipA .txtA{padding:0 0 0 60px; font-size:14px; line-height:22px}/* 2018-11-29 추가 */

	.serviceMain .serviceVisualW .srchD .title{text-align:center;}

	.serviceMain .serviceVisualW .srchW{width:100%;}

	.serviceMain .serviceVisualW .srchD{width:90%; left:5%;}

	.serviceMain .serviceVisualW .srchD li > p{width:15%}

	.serviceMain .serviceVisualW .srchD li > div{width:85%}

	.serviceMain .serviceVisualW .srchD li > div > a{margin-left:1%;}

	.serviceMain .serviceVisualW .srchD li > div > a.w50{width:49.5%}

	.serviceMain .serviceVisualW .srchD li > div > a.w33{width:32.66%}

	.serviceMain .serviceVisualW .srchD .btnA{width:100%;}

	.serviceMain .serviceVisualW .srchD .btnA a{width:100%; float:none;}

	.serviceMain .mCon1{padding:0 0; margin:0 auto 0 !important;;}

	.serviceMain .mGoodsCusL {margin:0}

	.serviceMain .mGoodsCusL .mTitA {display:block; font-size:17px;}

	.serviceMain .mGoodsCusL li {position:initial; float:left; width:50%;height:auto;  border:1px solid #eaeaea; background:#f4f4f4;}

	.serviceMain .mGoodsCusL li.gl2{width:50%; height:50%;  border-left:0; background:#fff;}

	.serviceMain .mGoodsCusL li.gl3 {width:100%; border-top:0; background:#fff;}

	.serviceMain .mGoodsCusL li a{display:block; position:relative;}

	.serviceMain .mGoodsCusL li .txtArea {left:15px; width:80%; z-index:100}

	.serviceMain .mGoodsCusL li .imgA img{max-width:640px; width:100%;}

	.serviceMain .mGoodsCusL li.gl3 .imgA img{max-width:100%}

	.serviceMain .mCon2{padding:25px 0 30px !important;}

	.serviceMain .mCon2 .mTitA{font-size:21px;}

	.serviceMain .mCon3{padding:40px 15px; box-sizing:border-box}

	.serviceMain .mCon3 .mManaD{margin:0;}

	.sManualA .manualList li > p{line-height:18px;}

	.sManualA .manualList li .imgA{margin-bottom:25px; margin-top:0;}



	/*용품*/

	.goodsTop{padding:255px 0 0;}

	.goodsTop .gSrchD{padding:20px 10px; min-height:177px; box-sizing:border-box}

	.gCateD button{margin:0 0 5px; padding:0 15px; height:28px; line-height:28px; font-size:14px}

	.gCateD button.on {padding:0 6px 0 8px}

	.gCateD button.on span{display:inline-block; margin:0 0 0 2px; width:14px; height:28px; background-size:12px 8px; background-position:0 9px;}

	.gSrchA {width:90%; padding:0 55px 10px 0; margin:15px auto 0; box-sizing:border-box}

	.gSrchA .inputA {width:100%; min-height:40px; box-sizing:border-box}

	.gSrchA .inputA input{font-size:20px; width:100%; box-sizing:border-box}

	.gSrchA .btA img{width:30px;}

	.gSrchA button{position:absolute; top:6px; right:0;}

	.goodsList {margin:20px 0 0; width:100%; overflow:hidden;}

	.goodsList ul > li a .hover{display:block}

	.goodsList ul > li a .hover {top:auto; bottom:0; left:0; padding:5px 10px; width:100%; height:auto; box-sizing:border-box}

	.goodsList ul > li a .hover .titA {margin:0}

	.goodsList ul > li a .hover .txtA {display:none}

	.goodsList ul > li a .hover .rowA {display:none}

	.goodsList ul > li{width:50%;}

	.goodsList ul > li a .hover .titA {font-size:14px; line-height:18px;}

	.loginD.gLoginD .rightA{padding:0;}



	/* 미디어센터 */

	.comNewsTop {position:relative; width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}

	.comNewsTop .btnA{margin:0; position:absolute; bottom:10%; left:7%;}

	.comNewsTop .btnA .androidBt {padding:0 15px 0 0}

	.comNewsTop .btnA .iosBt {padding:0 0 0 12px;}

	.gardenList li{width:50%; margin-top:10px !important;}

	.gardenList li .imgA img{width:100%;}

	.gardenList li .txtA{font-size:14px; color:#333; padding:15px 18px; box-sizing:border-box}

	.mediaMain .mCon1{margin:5px auto 30px !important;}

	.mediaMain .mCon1 .btnArea{padding:0 15px; background:none;;}

	.mediaMain .mediaTabArea1 .wrapA{margin:20px auto 0;}

	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{font-size:13px; line-height:20px}

	/* 2018-10-30 추가*/

	#wrapper.sub .mVisualM{display:block;}

    /*.mediaMain .mediaTabArea1 .mTabCon1{display:none;}  2018-10-30 삭제 */

	.mediaMain .mediaTabArea1 .wrapA ul li{width:49% !important; margin-right:2% !important}

	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB{position:relative}

	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB img{height:100%; width:auto; position:absolute; left:50%; transform:translateX(-50%)}

	.mediaMain .mediaTabArea1 .wrapA ul li:nth-child(2n){margin-right:0 !important}

	.mediaMain .mediaTabArea1 .wrapA ul li:nth-child(5){display:none}

	/* 2018-11-08 추가 */

	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li{width:49% !important}

	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(2n){margin:2% 0 0 0}

	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(2n-1){margin:2% 1% 0 0}

	.mediaMain .mediaTabArea1 .wrapA .tabA1 ul.type2 li:nth-child(6){display:none}

	/* //2018-11-08 추가 */

	.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:18px}

	.mediaMain .mCon2 .mediaSnsW a{width:30%; margin-right:0}

	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}

	.subMain .mConD .snsTit{margin-top:20px}

	/* // 2018-10-30 추가*/

	.mediaMain .mediaTabArea1 .mTabCon1M{position:relative; display:block;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1{position:relative;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2{position:relative;}

	.mediaMain .mediaTabArea1 .mTabCon1M #mMediaCon1V1{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea1 .mTabCon1M #mMediaCon1V2{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .imgA img{width:100%;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .txtA .tit{font-size:15px; font-weight:bold; color:#333}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA1 .txtA .txt{margin-top:8px; display:block;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_1 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_1 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_2 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mMediaRollBtnA1_2 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li{top:0; opacity:1; background:none;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li > a{display:block;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li > a span{display:block;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 .topArticle{width:100%; height:125px; box-sizing:border-box; padding:20px 6%; background:#fff; position:relative;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 .botArticle{width:100%; height:125px; box-sizing:border-box; padding:20px 6%; background:#fff; position:relative; margin-top:10px;}

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li .tit{font-size:18px; color:#333; font-weight:bold; }

	.mediaMain .mediaTabArea1 .mTabCon1M .mTabA2 ul li .date{font-size:14px; color:#999; margin-top:35px; position:absolute; left:6%; bottom:20px}

	.mediaMain .mediaTabArea1 .wrapA ul li{margin-left:0;}

	.mediaMain .mediaTabArea1 .wrapA ul li > a{display:block;}

	.mediaMain .mediaTabArea1 .wrapA ul li > a span{display:block;}

	.mediaMain .mediaTabArea1 li .txtA{padding:20px 5%;}

	.mediaMain .mediaTabArea2{margin-top:40px}

	.mediaMain .mediaTabArea2 .wrapA{padding:0 15px; margin-top:20px}

	.mediaMain .mediaTabArea2 .mTabCon2{display:none;}

	.mediaMain .mediaTabArea2 .mTabCon2M{position:relative; display:block;}

	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V1{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V2{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V3{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea2 .mTabCon2M #mMediaCon2V4{overflow:hidden; position:relative;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA{position:relative; width:100%; height:auto; overflow:hidden;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA a{display:block; position:relative;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .bgA{width:100%; height:auto;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .bgA img{width:100%;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .imgA{width:100%; height:auto; position:absolute; top:0; left:0;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .topA .imgA img{width:100%;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA{padding:10px 4% 50px; box-sizing:border-box; position:relative; height:auto; background:#fff;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA span{display:block;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA{font-size:13px; margin-top:15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA a{display:inline; color:#074b88; margin-left:3px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .tagA a:first-child{margin-left:0;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA{position:absolute; left:4%; bottom:20px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA .like{display:inline-block; padding-left:20px; background:url('../images/sns_likesym.gif') left no-repeat;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .utilA .cmnt{display:inline-block; padding-left:20px; background:url('../images/sns_cmntsym.gif') left no-repeat; margin-left:8px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp1 .infoA .date{position:absolute; right:4%; bottom:20px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA{position:relative; padding:30px 30px 60px; width:100%; box-sizing:border-box; overflow:hidden; background:#fff;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA a:hover{text-decoration:underline;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA span{display:inline-block;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label{color:#fff; font-size:13px;height:25px; line-height:25px; text-align:center; padding:0 10px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp1{background:#81a2ce;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp2{background:#5db947;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp3{background:#866ec2;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .label.tp4{background:#999999;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .tit{font-size:15px; font-weight:bold; color:#333; margin-top:16px; display:block;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .tit a{color:#333}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .txt{line-height:22px; margin-top:12px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .tp2 .infoA .dateA {position:absolute; bottom:25px; left:30px; width:90%; color:#aaa}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_1 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_1 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_2 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_2 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_3 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_3 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_4 .btL{width:30px; height:30px; background:url('../images/snsrolltypel_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; left:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea2 .mTabCon2M .mMediaRollBtnA2_4 .btR{width:30px; height:30px; background:url('../images/snsrolltyper_bt.png') no-repeat 0 0; text-indent:-999999px; position:absolute; right:-7px; top:50%; margin-top:-15px;}

	.mediaMain .mediaTabArea1 .btnArea a img{top:9px; right:5px; width:15px;}

	.mediaMain .mediaTabArea2 .btnArea a img{top:7px; right:6px; width:25px;}

	.mediaMain .mCon2{padding:30px 15px;}

	.mediaMain .mCon2 .mConD > .tit{font-size:21px;}

	.mediaMain .mCon2 .mConD > .txt{font-size:14px; letter-spacing:0;} /* 2018-10-30 수정 */

	.mediaMain .mCon2 .prCenterW{margin-top:25px;}

	.mediaMain .mCon2 .mMideaVideoD{float:none; width:100%;}

	.mediaMain .mCon2 .mMideaVideoD .playBu{margin-left:-15px; margin-top:-15px;}

	.mediaMain .mCon2 .mMideaVideoD .playBu img{width:30px;}

	.mediaMain .mCon2 .mMideaReportD{width:50%;}

	.mediaMain .mCon2 .mMideaPrD{width:50%;}

	.mediaMain .mCon2 .mMideaPrD > div{width:100%; height:auto; padding:0;}

	.mediaMain .mCon2 .mMideaPrD	.tit{position:absolute; z-index:1; left:10%; top:15%; font-size:16px;}

	.mediaMain .mCon2 .mMideaPrD	.txt{position:absolute; z-index:1; left:10%; top:15%; font-size:14px; line-height:18px;}

	.mediaMain .mCon2 .mMideaPrD	.imgA{position:relative;}

	.mediaMain .mCon2 .mMideaPrD	.imgA img{width:100%;}

	.mediaMain .mCon3{padding:25px 0 30px !important;}

	.mediaMain .mCon3 .mConD{padding:0 15px !important; box-sizing:border-box}

	.mediaMain .mCon3 .mTitA{font-size:21px !important;}

	

	.fSubVisualD {width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}

	.eHistoryW {padding:25px 0 0;}

	.eHisTabA .eHisButD{font-size:16px;}

	.eHisTabA .eHisButD a{margin:0 0 0 15px;}

	.eHisTabA .eHisButD .year{font-size:14px; letter-spacing:0px}

	.eHisTabA .eHisButD a.on span.year,

	.eHisTabA .eHisButD a:nth-child(3).on {padding:0 0 20px;}

	.eHisTabCon .keywordD {padding:10px;}

	.eHisTabCon .keywordD .titA{float:none; width:100%; margin:0}

	.eHisTabCon .keywordD .keyButA {float:none; width:100%;}

	.eHisTabCon .keywordD .keyButA button {margin:0 2px 2px; padding:5px 6px 8px; color:#fff; line-height:1; }

	.eHisListD {margin:25px 0 0; position:relative;}

	.eHisListD .titA {font-size:16px;}

	.eHisListD .titA .yearA {display:inline-block; font-size:28px; color:#003f82; margin:0 10px 0 0; height:24px;}

	.eHisSideBg{width:30px; background-size:30px 100%;}

	.eHisPopW {padding:20px 15px 15px; width:100%; box-sizing:border-box}

	.episodePop .eHisPopD{max-height:600px;} 

	.eHisPopD {width:100%; box-sizing:border-box; overflow:hidden;}

	.eHisPopD .eHisTitA{margin:0 0 8px}

	.eHisPopD .eHisTitA .titA {font-size:16px;}

	.eHisPopD .eHisTitA .dateA {margin:5px 0 0; font-size:14px;}

	.eHisPopD .eHisD {margin:10px 0 0; padding:0 10px; height:180px; font-size:13px;}

	.eHisPopD .videoScriptD {padding:5px; margin:15px 0 0;}

	.eHisPopD .videoScriptD .vidTit{font-size:15px;}

	.eHisPopD .videoScriptD .vidD{margin:5px 0 0; font-size:13px;}	

	.eHisPopD .imgA img{max-width:100%; max-height:300px}

	.eHisPopD .eHisCon .videoA video {width:100%; max-width:480px !important;}

	.eHisPopW .eHisRollBtnA button img {width:17px;}

	.eHisPopW .eHisRollBtnA .btL{top:180px; left:5px;}

	.eHisPopW .eHisRollBtnA .btR{top:180px; right:5px;}

	.eHisPopW .closeBt {top:-30px; right:0;}

	.eHisPopW .closeBt img{top:-30px; right:0; width:20px;}





	/* 사회책임경영 */

	.reportW .potenReportA{overflow:visible; margin-bottom:70px;}

	.reportW .potenReportA .imgA{width:200px; position:relative; float:left; margin:0 18px 0 0;}

	.reportW .potenReportA .imgA img{width:100%;}

	.reportW .potenReportA .conA{padding-left:0; height:auto;}

	.reportW .potenReportA .conA .tit{padding-bottom:10px}

	.reportW .potenReportA .conA .tit:before{display:none;}

	.reportW .potenReportA .conA .txt{margin-top:0;}

	.reportW .potenReportA .conA .btnA{position:relative; bottom:0; left:0; margin-top:25px;}

	.reportW .potenReportA .conA .btnA.tp{position:relative; bottom:0; left:0; margin-top:25px;}

	.reportW .potenReportA .conA .btnA .titA{font-size:14px; width:70px}

	.reportW .potenReportA .conA .btnA .lang a{font-size:13px;}

	.reportList{margin-top:10px}

	.reportList li .btnUtil .tit{font-size:14px; width:initial; padding-right:20px;}

	.reportList li .btnUtil .lang a{font-size:13px;}

	.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat;}

	.reportList.tp li .imgA{margin-top:10px;}

	.chartSrchA .txt{font-size:16px;}

	.chartSrchA .botA2 span select{width:160px;}

	.chartSrchA .botA3 span select{width:160px;}

	.strategyList > li > div p{font-size:14px; padding:13px 15px 15px}

	.strategyList > li > div ul{padding:15px 12px}

	.strategyList > li > div ul li{font-size:14px;}

	.c3List li .tit{font-size:16px;}

	.c3List li .txt{margin-top:12px;}

	.ethicsSystemW{padding-left:0;}

	.ethicsSystemW > p{position:relative;}

	.ethicsSystemW li{width:100%; margin-top:15px; height:100%; position:relative;}

	.ethicsSystemW li:first-child{margin-top:20px;}

	.ethicsSystemW li .titA{font-size:16px; }

	.ethicsSystemW li div{padding:19px 3% 19px 3%; width:100%;}

	.ethicsOperSys{padding:0; margin-top:15px}

	.ethicsOperSys ul{margin-top:20px}

	.scrCpPolicy ul{margin-left:30px;}

	.faqType2 li a{padding:11px 40px 9px 50px}

	.faqType2 li a .num{width:25px; height:25px; border-radius:25px; line-height:27px; font-size:13px; top:16px;}

	.faqType2 li a .aTit{font-size:15px;}

	.faqType2 li a .aUtil{margin-top:1px;}

	.faqType2 li a .arrow{right:15px}

	.faqType2 li a .arrow img{width:13px}

	.faqType2 li .answer{padding:11px 10px 9px 50px}

	.receiptD .iconA img {width:70px}

	.receiptD .txtA {margin:10px 0 0; font-size:18px}

	.receiptD .btnA {margin:20px 0 0;}

	.receiptD .numA{margin:25px auto 0; padding:23px 0 23px; width:90%}

	.receiptD .numA .num2 input{display:block; width:90%; box-sizing:border-box; padding:3px 4%; margin-left:5%; margin-top:5px;}

	.actList li{margin-left:0.5%; margin-right:0.5%; width:49%; text-align:center; padding:30px 0 25px; margin-top:10px;}

	.actList li:first-child{margin-left:0.5%}

	.adminIntro{padding-left:0; box-sizing:border-box; width:100%; min-height:272px; background:none;}

	.adminIntro .botA{box-sizing:border-box; position:relative; padding-left:200px; min-height:270px; border-bottom:0;}

	.adminIntro .botA .imgA{position:absolute; left:0; top:17px;}

	.adminIntro .botA .imgA img{width:180px;}

	.adminIntro .botA .reactB{margin-bottom:8px;}

	.adminIntro .botA .bar{display:none;}

	.cpElementList li{width:32%; margin-left:2%;}

	.sumW{padding:35px 4%; overflow:hidden;}

	.sumW .listTp li{width:100%;}

	.sumW .listTp li .tit{margin-top:10px;}

	.sumW .listTp li .txt1{margin-top:9px;}

	.sumW .listTp li .txt2{margin-top:8px;}

	.wType{padding:35px 4%; overflow:hidden;}

	.wType .termsList li{line-height:20px; text-indent:-12px; margin-left:12px;}

	.wType .btnTit .moreBt{padding:6px 14px 2px;}

	.wType .boxTp{padding:10px 15px}

	.wType .listTp li:before{top:7px;}

	.reportW{padding:35px 4%; overflow:hidden;}

	.questionTop,

	.naviUpdateTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}

	.fTradeTit{font-size: 20px; padding-top: 90px;background:url('../images/ftradetit_icon.gif') center top no-repeat; line-height: 28px; background-size: 80px;}

	.ftBoxList{padding:20px 3%;}

	.srclNoti{padding:12px 4%;}

	.srclNoti .fr{float:none; display:block; margin-top:5px;}

	.ftListTp li{min-height:280px; padding:0 3%;}

	.cpElementList li:nth-child(4){margin-left:0; margin-top:30px;}

	.cpElementList li:nth-child(5){margin-left:2%;}

	.cpElementList li:nth-child(7){margin-left:0}

	.cpElementList li:nth-child(4),

	.cpElementList li:nth-child(5),

	.cpElementList li:nth-child(6),

	.cpElementList li:nth-child(7){min-height:180px;}

	.aTwoBox li{float:none; width:100%; margin-left:0; margin-top:15px;}

	.aTwoBox li:first-child{margin-top:0;}

	.aTwoBox li .tit{margin-top:10px;}

	.aTwoBox li .txt{margin-top:7px;}

	.actRollW{width:100%;}

	.actRollW .pnBtn{display:none;}

	.meerForestD .fl {float:none; width:100%; margin:0 0 10px; text-align:center; max-width:100%;}

	.meerForestD .fl img {width:180px;}

	.meerForestD .fr {float:none; width:100%;}

	.meerForestD .fr .titA {font-size:20px; color:#003f82}

	.mForestRollW {width:100%; margin:15px auto 0;}

	.mForestRollW #mForestRollL {width:100%; height:100%;}

	.mForestRollW #mForestRollL ul {width:100%; height:100%}

	.mForestRollW #mForestRollL ul li {width:100%; height:100%;}

	.mForestRollW #mForestRollL ul li .bImgA img{width:100%;} 

	.mForestRollW .mfMapS{width:100%; padding:15px; background-size:100% 100%; box-sizing:border-box}

	.mForestRollW .mfMapS .imgA{width:25%; padding:0 10px 0 0;  box-sizing:border-box}

	.mForestRollW .mfMapS .infoA{width:75%; padding:0 40px 0 0;  box-sizing:border-box}

	.mForestRollW .mfMapS .infoA .titA {font-size:17px; line-height:18px; font-weight:bold;}

	.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}

	.mForestRollW .mForestBtn .btn_prev{right:40px; bottom:190px;}

	.mForestRollW .mForestBtn .btn_next{right:20px; bottom:190px;}

	.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}

	.sSumD{margin:0 0 0;}

	.sSumD .widthL{height:auto; margin-top:20px;}

	.sSumD .widthL li {width:25%; text-align:center; letter-spacing:-0.8px; float:left; min-height:160px; margin:0 0 8px;}

	.sSumD .mTitA{font-size:20px;}

	.sSumD .mTxtA{margin-top:15px; font-size:14px;}

	.sSumD .widthL li .titA{word-break:break-all; font-size:14px; margin:6px 0 0;}



	/* 스포츠단 */

	.basketballTop,

	.archeryTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}

	.basketDiv {padding:25px 4% 25px; background:#fff;}

	.archeryD {padding:0; min-height:auto; background:none}

	.archeryPopW .accoPopD .accTopA{width:100%; box-sizing:border-box}

	.archeryPopW .accoPopD .imgA {width:40%; height:auto;}

	.archeryPopW .accoPopD .imgA img {width:100%;}

	.archeryPopW .accoPopD .infoA {width:60%; padding:10px 0 0}

	.archeryPopW .accoPopD .infoA .titA {margin:5px 0 0; font-size:16px}

	.archeryPopW .accoPopD .infoA .txtA {margin:2px 0 0; font-size:14px;}



	/*hr*/

	.talentTrainingTop{width:100%; overflow:hidden; padding:0;  height:auto; box-sizing:border-box; background:none;}

	.talTrainingL {margin:20px 0 0}

	.talTrainingL ul > li {padding:15px 0;}

	.talTrainingL ul > li .infoA {float:none; width:100%; height:auto; padding:0; box-sizing:border-box}

	.talTrainingL ul > li .infoA .iconA {display:none;}

	.talTrainingL ul > li .infoA .titA {float:left; margin:12px 0 0; font-size:16px}

	.talTrainingL ul > li:nth-child(2) .infoA .titA{margin:8px 0 0}

	.talTrainingL ul > li:nth-child(4) .infoA .titA,

	.talTrainingL ul > li:nth-child(5) .infoA .titA{margin:17px 0 0}  

	.talTrainingL ul > li .infoA .pTxt {margin:5px 0 10px;}

	.talTrainingL ul > li .imgA {float:none; width:100%; height:auto;}

	.talTrainingL ul > li .imgA img{width:100%;}

	.talTrainingL2 {margin:20px 0 0}

	.talTrainingL2 ul > li {float:none; width:100%; padding:10px 0 18px; border-top:1px solid #ddd; height:auto !important; margin:0 !important;}

	.talTrainingL2 ul > li:nth-child(1){padding-top:0; border-top:0;}

	.talTrainingL2 ul > li .infoA .titA {margin:0 0 5px; font-size:16px; color:#222}

	.talTrainingL2 ul > li .imgA {position:static; margin:10px 0 0}

	.talTrainingL2 ul > li .imgA img{width:100%;}





	/*ir*/

	.nameBoxD ul > li {padding:15px; width:48%}

	.nameBoxD ul > li:nth-child(2n-1) {margin-left:0;}

	.nameBoxD ul > li .titA {padding:0 0 18px;}

	.nameBoxD ul > li .titA .nameA{font-size:18px; color:#333;}

	.nameBoxD ul > li .infoA {margin:15px 0 0; line-height:22px;}

	.condiBox ul > li {width:48%}

	.condiBox ul > li .topA {padding:15px;}

	.condiBox ul > li .topA .titA {margin:0 0 5px; font-size:18px;}

	.condiBox ul > li .infoA {padding:15px; line-height:22px; min-height:180px}



	/*회원가입*/

	.loginD {padding:45px 30px; }

	.loginD .leftA{float:none; width:100%; padding:0;  text-align:center;}

	.loginD .leftA .logoA img {width:300px}

	.loginD .rightA{float:none; width:100%; margin:20px auto 0; padding:0; border:0}

	.loginD .rightA label {display:inline-block; width:25%; font-size:14px; box-sizing:border-box}

	.loginD .rightA input {width:75%; height:32px; box-sizing:border-box}

	.loginD .rightA .btnA {padding:0 0 0 25%; width:100%; box-sizing:border-box;}

	.loginD .rightA .listA {padding:0 0 0 25%; width:100%; box-sizing:border-box}

	.loginD .rightA .listA a{font-size:14px; background:url('../images/bar1x14_bu_m.png') no-repeat 0 6px; background-size:1px 14px;}

	.memberEndD .iconA img {width:70px}

	.memberEndD .txtA {margin:10px 0 0; font-size:18px}

	.memberEndD .txtA2{margin:20px 0 0}

	.memberEndD .btnA {margin:20px 0 0;}

	.mSearchDiv {padding:45px 20px; width:100%; overflow:hidden; box-sizing:border-box}

	.searchBox .searchTop {font-size:19px;}

	.searchBox .searchTop .txtA {margin:20px 0 0; line-height:22px}

	.searchBox .inputD{margin:25px 0 0; padding:25px 0}

	.searchBox .inputD .w740 {width:90%; margin:0 auto}

	.searchBox .iconA img {width:70px}

	.searchBox .inputArea {width:100%}

	.searchBox .inputArea label {width:25%; font-size:14px; box-sizing:border-box}

	.searchBox .inputArea input {width:75%; height:34px; box-sizing:border-box}

	.searchBox .inputArea select{width:100%; height:34px; box-sizing:border-box}

	.searchBox .inputArea.type2 {width:100%}

	.searchBox .inputArea.type2 label {width:40%; padding:0 10px 0 0}

	.searchBox .inputArea.type2 input {width:60%}



	.searchBox .inputArea .phoneA{width:75%; box-sizing:border-box}

	.searchBox .inputArea .phoneA input {width:100%}

	.searchBox .inputArea .infoTxA {padding:0 0 0 25%;}

	.searchBox .inputArea .infoTxA label {width:88%}

	.searchBox .inputArea .infoTxA input {width:auto}

	.searchBox .inputArea .changPhoeA {display:none; margin:10px 0 0; padding:0 0 0 25%; width:100%; box-sizing:border-box}

	.mSearchDiv .btnA {margin:20px 0 0;}

	.blueBox {padding:20px 15px}

	.blueBox .btA {display:block; margin:10px 0 0;}



	/* 유틸리티 */

	.allSrchA{left:12%; width:400px;}

	.allSrchA .topA p input{font-size:18px;}

	.siteInfoList li .imgA{margin:20px auto 0; width:50%;}

	.siteInfoList li .imgA img{width:100%;}

	.siteInfoList li .tit{margin-top:15px;}

	.siteInfoList li .txt{margin-top:7px; line-height:18px;}

	.errorW{width:600px; margin:200px auto 0;}

	.errorW .wrap{width:600px; height:450px; background:#fff; position:relative; box-sizing:border-box; padding:70px;}

	.errorW .wrap dl{margin-top:33px;}

	.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}

	.errorW .wrap dd{margin:4px 0;}

	.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:16px; font-weight:bold;}



}



/* 사이버감사실 해상도 */

@media all and (max-width:845px){

	#wrapper.cyber{width:100%;}

	.cbCon{padding:40px 40px;}





}





@media all and (max-width:758px){

	/*#uSiteSlider_paging button{width:50%}*/

	.headDiv h1 a{width:53px  !important; height:20px; background-size:53px 20px;}

	.introH .headDiv h1 a.subLogo ,

	.goodsH .headDiv h1 a.subLogo,

	.serviceH .headDiv h1 a.subLogo,

	.mediaH .headDiv h1 a.subLogo,

	.societyH .headDiv h1 a.subLogo,

	.sportH .headDiv h1 a.subLogo,

	.hrH .headDiv h1 a.subLogo,

	.irH .headDiv h1 a.subLogo{background-size:auto 20px; margin-left:2px;}



	.headDiv h1 a {

		width: 169px !important;

		height: 40px;

		background-size: 130px 30px;

		margin: 6px 0 11px 0;

	}



	/* 2018-10-30 삭제

	.utillW {top:16px;}

	.utillW {top:16px;}

	.utillD > ul {width:190px; height:16px; background:url('../images/toputill_bg_m.png') no-repeat 0 0; background-size:190px 16px;}

	.utillD > ul > li,

	.utillD > ul > li  > a{width:31px; height:28px;}

	.utillD > ul > li .closeBt {height:42px;}

	.utillD > ul > li:last-child,

	.utillD > ul > li:last-child > a{width:26px}

	.utillD > ul > li.utl2 .inputA {top:28px;}

	.utillD > ul > li.utl3 .uLangB {top:28px;}

	.utillD > ul > li.utl4 .uNewsB {top:28px;}

	.utillD > ul > li.utl5 .uSiteB {top:28px;}

	*/

	

	.mConDiv .mConD1 .banner.left .bt{width:30px; height:30px; background-size:30px;}/* 2018-11-05 추가 */

	.mMediaD .mTitA {left:5%; top:10px; letter-spacing:-0.7px;}

	.mMediaD .mMediaS .mBoxA a {padding:46px  5% 0}

	.mMediaD .mMediaS .mBoxA .titA {margin:2px 0 0; line-height:15px;}

	.mMediaD .mMediaS .mBoxA .dateA {bottom:5px; left:5%;}

	.mMediaD .btnA {right:6px; top:8px}

	.mMediaD .btnA:after{content:""; clear:both; display:block !important}

	.mMediaD .btnA button {width:20px; height:20px; margin:0; background-size:20px; float:left;}

	.mMediaD .btnA button:first-child{margin:0 3px 0 0}

	.mVideoD a span {top:18%;}

	.mVideoD .playBgA .playIcon{top:56%}

	.mVideoD .playBgA .playIcon img {width:35px; height:35px;}

	.mNoticeD .infoA .mTitA{left:5%; top:10px;}

	.mNoticeD .infoA a {padding:46px  5% 0}

	.mNoticeD .infoA .titA{margin:4px 0 0; line-height:18px;}

	.mNoticeD .infoA .txtA {display:none}

	.mNoticeD .infoA .dateA{bottom:5px; left:5%;}

	.mNoticeD .btnA {right:10px; top:8px}

	.mNoticeD .btnA button {width:25px; height:25px; margin:0; background-size:25px;}

	.mSnsD .infoA a {padding:5% 10% 22px 5%; height:auto; box-sizing:border-box}

	.mSnsD .infoA .titA{display:none;margin:4px 0 0; line-height:18px;}

	.mSnsD .infoA .txtA {margin-top:5px}

	.mSnsD .infoA .dateA{bottom:5px; left:5%;}

	.mBlockD .webA {top:8%; left:5%;}

	.mBlockD a .row {bottom:8%; left:5%;}

	.mManaD .listA li .infoA {height:180px;}

	.mManaD .listA li .rowA{height:25px; background-size:25px;}

	.mManaD .newL li .titA {padding:10px 0; height:70px;}

	.mManaD .newL li:nth-child(3) .titA,

	.mManaD .newL li:nth-child(4) .titA{padding:18px 0;  height:65px;}

	.mLinkD .mLinkL li {margin:0 1% 5px 0}

	.mLinkD .mLinkL li a {max-height:150px !important; max-width:150px !important;}

	.mLinkD .mLinkL li a .imgA img {width:35px;}

	.mLinkD .mLinkL li a .txtA {font-size:13px;}

	.mQuickD ul li .mTitA {bottom:8px; left:3%; width:94%; padding:3px 5px; letter-spacing:-1px;} 

	.mQuickD ul li a:hover .mTitA span{background:none}

	

	/*용품 서브메인*/

	.mGoodsInfoD .mTitA{top:10%; left:10%;}

	.mGoodsEventD .txtArea{top:10%; left:5%; width:45%;}

	.mGoodsEventD .txtA {margin:5px 0 0; line-height:17px;}

	.mGoodsEventD .txtA span{display:inline}

	.mGoodsEventD .imgA {text-align:right; width:100%;}

	.mGoodsEventD .imgA img {max-width:640px; width:100%;}

	.goodsMain .mGoodsCusL li .txtArea {top:10%; left:5%}

	.goodsMain .mGoodsCusL li .txtA{margin:5px 0 0; line-height:17px;}



	/*footer*/

	/* 2018-10-30 수정 */

	#footer .quickA{width:auto}

	#footer .quickA .leftD{float:none}

	#footer .quickA .rightD{float:none; margin-left:0; width:auto; margin-top:10px}

	#footer .quickA .rightD .list{width:160px}

	#footer .quickA .rightD .list:nth-child(2n){width:140px}

	#footer .footerS .leftA .fUtillL li:nth-child(4){content:""; clear:both; display:block !important; padding:0; background:none; margin-left:0;}

	#footer .footerS .webCirtyM{width:200px;}

	#footer .footerS .webCirtyM .webAwd.wtisN span:first-child{margin-top:3px;}

	/* //2018-10-30 수정 */



	.pShareD .pShareA {top:39px; width:100%; height:auto; padding:10px 10px 5px;}

	.pShareD .pShareA .titA {font-size:19px; color:#444;}

	.pShareD .pShareA .pSnsList {width:240px; margin:10px auto 0 }

	.pShareD .pShareA .pSnsList a{display:inline-block; width:50px; height:80px; margin:0 0 0 3%; font-size:12px;}

	.pShareD .pShareA .pSnsList a img {width:35px; display:block; margin:0 auto 5px;}

	.asPartsL li {width:50%}

	.asPartsL li:nth-child(3) .titA{border-left:1px solid #ddd; border-top:none;}

	.asPartsL li:nth-child(3) .imgA{border-left:1px solid #ddd}

	.asPartsL li:nth-child(2) .titA{padding-left:1px;}

	.asPartsL li:nth-child(4) .titA{padding-left:1px; border-top:none;}

	.asPartsL li:nth-child(2) .imgA,

	.asPartsL li:nth-child(4) .imgA{padding-left:11px}

	.infoGoodsD .leftA {padding:0 10px 18px;}

	.infoGoodsD .rightA {padding:18px 10px 0}

	.infoGoodsD .imgA{width:100%; overflow:hidden;}

	.infoGoodsD .imgA > span{width:48%; margin:0 1%; float:left;}

	.infoGoodsD .imgA > span img{width:100%;}

	#footer.cyber .footerS{width:100%; padding:0 3%; height:45px; line-height:45px;}



	/* 서브 */

	.btB6{display:inline-block;line-height: 39px;color:#fff;background:#383838;width: 150px;text-align:center;}

	.titStyle{font-size:15px;}

	.titStyle:before{top:-4px;}

	.visionW .listTp{margin-top:20px;}

	.visionW .listTp li{width:100%; float:none; min-height:120px; overflow:hidden; min-height:initial;}

	.visionW .listTp li.listUnit1{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit2{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit3{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit4{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit5{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit6{background:none; margin-top:8px;}

	.visionW .listTp li.listUnit7{background:none; margin-top:8px;}

	.visionW .listTp li > p{width:22%; float:left;}

	.visionW .listTp li div{padding-left:10px; width:78%; float:left; box-sizing:border-box}

	.visionW .listTp li .tit{font-size:15px; margin-top:2px;}

	.visionW .listTp li .txt1{font-size:14px; margin-top:4px;}

	.visionW .listTp li .txt2{font-size:12px; margin-top:4px; line-height:16px;}

	.visionW .idea > .tit{font-size:15px;}

	.visionW .idea > .tit:before{top:-4px;}

	.visionW .idea .tit.mt80{margin-top:40px !important;}

	.visionW .listTp2.mt30{margin-top:25px !important;}

	.visionW .boardType1{margin-top:10px;}

	.visionW .boardType1 tbody th{width:10% !important;}

	.visionList li.vision1{background:none; position:relative; width:100%; height:initial;}

	.visionList li.vision2{background:none; position:relative; width:100%; height:initial;}

	.visionList li.vision3{background:none; position:relative; width:100%; height:initial;}

	.visionList li > img{width:100%; position:relative; top:0; left:0;}

	.visionList li > div{top:13%; left:3%;}

	.visionList li > div .tit{font-size:14px; margin-top:10%;}

	.visionList li.vision1 .subTit3{margin-top:12px; font-size:18px;}

	.visionList li > div .txt{line-height:16px; font-size:10px;}

	.visionList li.vision1{min-height:150px;}

	.visionList li.vision1 > div{min-height:150px; position:absolute; top:0; left:0; padding:2%; width:50%; box-sizing:border-box;}

	.visionList li.vision1 > p{min-height:150px;}

	.visionList li.vision1 > p img{width:100%; min-height:150px;}

	.visionList li.vision1 .txt{margin-top:5px !important; padding-top:0px; font-size:11px;}

	.visionList li.vision2{min-height:150px;}

	.visionList li.vision2 > div{min-height:150px; position:absolute; top:0; left:0; padding:2%; width:50%; box-sizing:border-box;}

	.visionList li.vision2 > p{min-height:150px;}

	.visionList li.vision2 > p img{width:100%; min-height:150px;}

	.visionList li.vision2 .txt{margin-top:20px !important; background-size:80px 35px; padding-top:40px; font-size:12px;}

	.visionList li.vision3{min-height:220px}

	.visionList li.vision3 > div{float:none; width:50%; position:absolute; top:0; left:0; min-height:220px; box-sizing:border-box; padding:2%;}

	.visionList li.vision3 > p{width:100%; min-height:220px}

	.visionList li.vision3 > p img{width:100%; min-height:220px}

	.visionList li .busiD{margin-top:5%;}

	.visionList li .busiD dl{padding-left:0; font-size:12px; min-height:initial; height:initial; margin-top:0;}

	.visionList li .busiD dd{font-size:11px;}

	.visionList li .busiD .unit1{background:none;}

	.visionList li .busiD .unit2{background:none;}

	.visionList li .busiD .unit3{background:none;}

	.officeHeadD .txt{left:4%; top:35px; font-size:14px; line-height:20px}

	.officeHeadD .cBlue{font-size:16px;}

	.officeHeadD .infoArea{height:100px; padding:0 4%;}

	.officeHeadD .infoArea > a{padding:7px 12px 5px; margin-top:35px; font-size:14px;}

	.officeHeadD .infoArea > div span{padding:4px 0 5px 32px; font-size:13px;}

	.officeHeadD .infoArea .infoUnit1{background-size:25px}

	.officeHeadD .infoArea .infoUnit2{background-size:25px}

	.brachTabArea span{float:left; width:25%;}

	.brachTabArea a{ border:1px solid #e2e2e2; display:block; font-size:14px; color:#444; text-align:center; height:30px; line-height:30px; background:#fff;}

	.brachConArea{margin-top:15px}

	.brachConArea .con{padding:25px 20px 40px 20px}

	.brachConArea .con > .tit{font-size:30px;}

	.brachConArea .con > .txt{margin-top:15px; padding-bottom:0;}

	.brachConArea .con .bInfo{padding-right:0; margin-top:20px;}

	.brachConArea .con .bInfo.ovTp{padding-right:0; margin-top:20px;}

	.brachConArea .con .bInfo .add{margin-top:7px;}

	.brachConArea .con .bInfo .mapBt{position:relative; margin-top:10px; display:block;}

	.brachTabArea.tp a{line-height:16px; padding:2px; font-size:14px; height:51px; width:20%}

	.overseasMap{margin-top:15px; padding:0 2%; box-sizing:border-box}

	.overseasMap img{width:100%;}

	.listTypeB li a .infoA .tagA{position:relative; bottom:0; display:inline-block; margin-top:10px;}



	.introSumL li  {width:100%;min-height:auto; padding:15px 10px}

	.introSumL li.bgW{background:#ececec;}

	.introSumL li.reBgW{background:#fff;}

	.introSumL li .infoA {width:59%}

	.introSumL li .infoA .titA {font-size:15px}

	.introSumL li .infoA .barTxt {display:inline-block; margin:8px 0 0; padding:0 5px 10px 0; font-size:18px}

	.introSumL li .infoA .txt2 {margin:10px 0 0; line-height:18px;}

	.introSumL li .imgA {min-width:90px; width:25%; max-width:132px;}

	.introSumL2 li{width:100%; overflow:hidden; margin:10px 0 0}

	.introSumL2 li:first-child{margin:0;}

	.introSumL2 li .infoA {min-height:100%; height:auto}

	.colorD .leftA {float:none; width:100%; padding:0; margin:0 0 15px;}

	.colorD .rightA {float:none; width:100%; padding:0; }

	.colorList li {width:50%;}

	.colorList li .txtA {min-height:52px;}

	.colorLogoL li {margin:10px 0 0;}

	.colorLogoL li .imgA {float:none; width:100%; padding:0 10%}

	.colorLogoL li .txtA {float:none; text-align:center; line-height:1.2; margin:5px 0;  padding:0 2px;}

	.colorLogoL.cLogoL1 li .txtA,

	.colorLogoL li .txtA.twoR,

	.colorLogoL.cLogoL1 li .txtA.twoR {margin:5px 0}

	.colorLogoL.cLogoL2 li:nth-child(1) .txtA,

	.colorLogoL.cLogoL2 li:nth-child(2) .txtA,

	.colorLogoL.cLogoL2 li:nth-child(3) .txtA,

	.colorLogoL.cLogoL2 li:nth-child(4) .txtA {min-height:35px;}

	.logoMarkD {padding:25px 20px}

	.banGraphicD {padding-bottom:15px; border-bottom:1px solid #e9e9e9}

	.banGraphicD .imgA img{width:80%;}

	.banGraphicD .imgA {float:none; width:100%; text-align:center;}

	.banGraphicD .txtA {float:none; width:100%; padding:3% 0 0 5%; text-align:center;}



	/* 고객서비스 */

	.proResultA{padding:0 4%; margin-top:40px;}

	.partSrchBt{font-size:14px; padding:8.5px 30px;}

	.proSrchTxt .txt1{font-size:17px;}

	.proSrchA .chkList .tit{font-size:14px;}

	.proSrchA .chkList li{height:auto}/* 2018-11-29 수정 */

	.proSrchA .chkList li .titA{width:25%}

	.proSrchA .chkList li .chkA{width:75%; box-sizing:border-box; padding-right:3%}

	.proSrchA.tp1 .chkList li.areaTp{height:auto; line-height:1.3}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp{height:auto; line-height:1.3}/* 2018-11-29 수정 */

	.proSrchA.tp1 .chkList li.areaTp .chkA{width:75%; padding:10px 3% 12px 0; box-sizing:border-box;}

	.proSrchA.tp2 .chkList li.areaTp .chkA{width:75%; padding:7px 3% 7px 0; box-sizing:border-box;}

	.proSrchA.tp2 .chkList li.areaTp2{height:auto; line-height:1.3}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp2 .chkA{line-height:normal; padding:10px 0 12px}

	.proSrchA.tp2 .chkList li.areaTp2 .chkA .reactB{margin-bottom:0;}/* 2018-11-29 수정 */

	.proSrchA.tp2 .chkList li.areaTp3{height:auto; line-height:1.3} /* 2018-11-29 수정 */

	.proSrchA .chkList li .chkA .chk{margin-right:8px;}

	.proSrchA .chkList label{padding-left:23px; background:url('../images/chktp1_off.gif') left no-repeat; background-size:18px 18px; font-size:16px; color:#444; cursor:pointer; font-size:14px;}

	.proSrchA .chkList input[type="radio"]:checked + label {background:url('../images/chktp1_on.gif') left no-repeat; background-size:18px 18px;}

	.proSrchA.tp1 select{width:100% !important; height:32px !important;}

	.proSrchA.tp2 select{width:100% !important; height:32px !important;}

	.proSrchA .chkList .chkA input{width:100% !important; box-sizing:border-box}

	.proResultA .tit{font-size:16px; color:#333; }

	.proResultA .boardType1.mt25{margin-top:10px !important;}

	.proResultA .partInfoA .infoA{padding:20px 0 23px 20px;}

	.proResultA .partInfoA .infoA .tit{font-size:18px;}

	.proResultA .partInfoA .infoA ul{margin-top:8px}

	.proResultA .partInfoA .infoA li{font-size:14px;}

	.proResultA .partInfoA .infoA.noData{line-height:50px; padding:25px 0 25px 25px}

	.proResultA .partInfoA .infoA.noData p{font-size:14px; color:#444}

	.partNoData{font-size:16px; padding:22px 20px;}

	.partNoData p{background:url('../images/partnodata_icon.png') top no-repeat; background-size:23px; padding-top:25px; }

	.manualBotA{padding:15px 4% 0;}

	.manualBotA.tp{padding:30px 4% 0;}

	.manualBotA .txt{padding-bottom:10px;}

	.titInfoA .titA.tp2{padding-top:0;}

	.titInfoA .titA .titTp2{font-size:25px;}

	.titInfoA .manualA .btnA span{border-radius:28px; overflow:hidden; display:inline-block; margin-top:5px;}

	.titInfoA .manualA .btnA span:first-child{margin-top:0;}

	.titInfoA .manualA .btnA a{padding:12px 30px 11px 18px; background:url('../images/arrowbgtp.png') 142px no-repeat #003e80; font-size:14px; margin:8px auto 0 !important; display:table;}

	.titInfoA .manualA .btnA a:first-child{margin:0 auto 0;}

	.titInfoA .strategyA dl{width:100%; float:none;}

	.reportW .potenReportA{margin-bottom:40px;}

	.reportW .potenReportA .conA{padding-left:0; height:auto;}

	.reportW .potenReportA .conA .tit{font-size:18px; padding-bottom:0;}

	.reportW .potenReportA .conA .tit:before{display:none;}

	.reportW .potenReportA .conA .txt{margin-top:10px; line-height:22px;}

	.reportW .potenReportA .conA .btnA.tp{font-size: 14px; margin-top:10px;}

	.reportW .potenReportA .conA .btnA.tp a img{top: 13px;left:2px;}

	.reportW .potenReportA .conA .btnA .lang{margin-top:2px;}

	.reportW .potenReportA .conA .btnA .lang a{font-size:10px; padding:5px 10px;}

	.reportW .potenReportA .conA .btnA .titA.tp1{background:url('../images/btnutil_icon1.png') right 4px no-repeat; background-size:10px;}

	.reportW .potenReportA .conA .btnA .titA.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat; background-size:10px;}

	.reportList{margin-top:0}

	.reportList li{width:46%; margin:20px 2% 20px 2% !important}

	.reportList li .imgA{margin-top:5px;}

	.reportList li .btnUtil .lang{margin-top:2px; display:block;}

	.reportList li .btnUtil .lang a{font-size:10px; padding:5px 5%;}

	.reportList li .year{font-size:18px;}

	.reportList li .year:before{top:-4px;}

	.reportList li .btnUtil .tit{padding-right:14px;}

	.reportList li .btnUtil .tit.tp1{background:url('../images/btnutil_icon1.png') right 4px no-repeat; background-size:10px;}

	.reportList li .btnUtil .tit.tp2{background:url('../images/btnutil_icon2.png') right 4px no-repeat; background-size:10px;}

	.reportList li .btnUtil2 span a{display:block; font-size:13px; font-weight:bold; color:#666; line-height:35px;}

	.reportList li .btnUtil2 span a img{top:10px;}

	.reportList.tp li .imgA{margin-top:5px}

	.partnerShipA{padding:20px 5% 20px 5%}

	.partnerShipA .btnA{margin-top:5px;}

	.partnerShipA .btnA a{font-size:14px; margin-left:1px; margin-right:1px; margin-top:1px; margin-bottom:1px;}

	.partnerShipA .btnA a:first-child{margin-left:1px;}

	.serviceMain .serviceVisualW{height:500px}

	.serviceMain .serviceVisualW .srchD{top:60px;}

	.serviceMain .serviceVisualW .srchD li > p{width:20%;}

	.serviceMain .serviceVisualW .srchD li > div{width:80%}

	.sManualA .manualList li .imgA img{width:100%;}



	/* 미디어센터 */

	.comNewsTop .btnA .androidBt {padding:2px 10px 0 0}

	.comNewsTop .btnA .iosBt {padding:2px 0 0 5px;}

	.comNewsTop .btnA a span {margin:0 0 0 7px; padding:0; font-size:11px;}

	.comNewsTop .btnA a img {width:22px;}

	.gardenList li{width:100%;}

	.gardenList li .txtA{font-size:14px; color:#333; padding:15px 15px; box-sizing:border-box}

	.searchD .appBt{height:28px; line-height:28px; padding:0 12px;}

	.searchD .appBt span{background:url('../images/appbt_bu.png') no-repeat 0 0; background-size:12px; top:7px; left:3px;}

	.subAppPop{width:88%;}

	.subAppPop .pWrap{width:100%;}

	.subAppPop .pWrap .pHead{padding:12px 5% 8px; font-size:18px;}

	.subAppPop .pWrap .pHead a{top:15px; right:5%;}

	.subAppPop .pWrap .pHead a img{width:12px}

	.subAppPop .pWrap .pBody{padding:15px 3% 20px 3%}

	.subAppPop .pWrap .pBody .infoList{padding:12px 2% 10px 2%; margin-top:12px;}

	.subAppPop .pWrap .pBody .agreeChkA{padding:12px 2% 10px 2%}

	.subAppPop .pWrap .pBody .agreeChkA span{bottom:10px; right:2%;}

	.subAppPop .pWrap .pBody .registA{position:relative; box-sizing:border-box; padding-right:87px; margin-top:20px;}

	.subAppPop .pWrap .pBody .registA span{width:100%; display:inline-block;}

	.subAppPop .pWrap .pBody .registA span input{width:100%;}

	.subAppPop .pWrap .pBody .registA a{position:absolute; top:0; right:0; line-height:40px}

	.mediaMain .mediaTabArea1 .btnArea a img{top:10px; right:5px; width:13px;}

	.mediaMain .mediaTabArea2 .btnArea a img{top:9px; right:6px; width:21px;}

	.eHisTabA .eHisButD{font-size:18px;}

	.eHisTabA .eHisButD a{margin:0 0 0 15px;}

	.eHisTabA .eHisButD .year{font-size:12px; letter-spacing:0px}

	.eHisTabA .eHisButD a.on span.year,

	.eHisTabA .eHisButD a:nth-child(3).on {padding:0 0 14px;}

	.eHisPopD .eHisCon .videoA video {width:100%; max-width:290px !important;}



	/* 사회책임경영 */

	.mSoWidthD {padding:190px 0 0}

	.mSoWidthD .widthL li {padding:0 2px; box-sizing:border-box}

	.mSoWidthD .widthL li .imgA {max-width:100px;}

	.mSoWidthD .widthL li .imgA img{width:100%; max-width:100px;}

	.mSoWidthD .btnA {margin:20px 0 0}

	.mSoWidthD .btnA a{font-size:15px; padding:8px 10px}

	.mSoBlockD li .notiBox .cateA {padding:5px 10px;}

	.mSoBlockD li .blockD a .wisA {top:10%; left:5%; z-index:200; width:auto;}

	.mSoBlockD li .blockD .mTitA {font-size:17px}

	.mSoBlockD li .blockD .txtA {margin:5px 0 0; padding:0 5% 0 0}

	.mSoBlockD li .blockD .imgA.on {min-height:200px; background:#fff;}

	.mSoBlockD li .blockD .imgA.on img {position:absolute; bottom:0; left:0;}

	.sumW{padding:25px 4%;}

	.sumW .txt{margin-top:8px; line-height:20px;}

	.sumW .listTp{margin-top:20px;}

	.sumW .listTp li{width:100%; float:none; min-height:120px; overflow:hidden; min-height:initial;}

	.sumW .listTp li.listUnit1{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit2{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit3{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit4{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit5{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit6{background:none; margin-top:8px;}

	.sumW .listTp li.listUnit7{background:none; margin-top:8px;}

	.sumW .listTp li > p{width:22%; float:left;}

	.sumW .listTp li div{padding-left:10px; width:78%; float:left; box-sizing:border-box}

	.sumW .listTp li .tit{font-size:15px; margin-top:2px;}

	.sumW .listTp li .txt1{font-size:14px; margin-top:4px;}

	.sumW .listTp li .txt2{font-size:12px; margin-top:4px; line-height:16px;}

	.sumW .cirTit.mt95{margin-top:30px !important;;}

	.sumW .diagram img{width:100%;}

	.sumW .diagram{margin-top:10px !important;}

	.wType{padding:25px 4%;}

	.wType > .imgA img{width:100%;}

	.divideTxtB .mTit{font-size:15px; color:#333}

	.chartSrchA{top:30px; left:0; padding:0 5%; width:100%; box-sizing:border-box;}

	.chartSrchA .txt{font-size:15px;}

	.chartSrchA .botA2{margin-top:20px;}

	.chartSrchA .botA2 span{width:100%; margin-top:10px; margin-left:0; text-align:center;}

	.chartSrchA .botA2 span:first-child{margin-top:0px;}

	.chartSrchA .botA2 span select{width:49%; margin-left:2%;}

	.chartSrchA .botA2 span a{width:49%; margin-left:0; box-sizing:border-box; padding:0;}

	.chartSrchA .botA2 a img{top:10px}

	.chartSrchA .botA3{margin-top:20px;}

	.chartSrchA .botA3 span{width:100%; margin-top:10px; margin-left:0; text-align:center;}

	.chartSrchA .botA3 span:first-child{margin-top:0px;}

	.chartSrchA .botA3 span select{width:49%; margin-left:2%;}

	.chartSrchA .botA3 span a{width:49%; margin-left:2%; box-sizing:border-box; padding:0;}

	.chartSrchA .botA3 a img{top:10px}

	.strategyList > li{width:100%; margin-left:0; margin-top:25px;}

	.strategyList > li:first-child{margin-left:0; margin-top:0;}

	.strategyList > li > p{text-align:center;}

	.strategyList > li > .arrowA{display:block; margin-bottom:15px;}

	.strategyList > li > .imgA img{width:60%;}

	.strategyList > li > div p{padding:12px 15px 9px}

	.strategyList > li > div ul{padding:10px 10px;}

	.strategyList > li > div ul li:before{top:8px;}

	.strategyA > img{display:none;}	

	.strategyA.tp{width:100%;}

	.strategyA.tp .strategyList > li{margin-top:0; width:48%; margin-left:4%;}

	.c3List li{width:100%; min-height:100%; margin-left:0; margin-top:8px; padding:20px 3% 17px 3%}

	.c3List li:first-child{margin-left:0; margin-top:0px;}

	.ethicsOperSys{margin-top:20px;}

	.ethicsOperSys p img{width:110px}

	.ethicsOperSys li{width:46%; margin:0 2% 10px}

	.ethicsOperSys li:first-child{margin:0 2% 10px}

	.ethicsOperSys li .titA{font-size:16px; padding:10px 0;}

	.ethicsOperSys li div{padding:15px 2%; font-size:14px; min-height:100px;}

	.sctCpCon > div{padding:0 3%; float:none; width:100%; margin-top:30px;}

	.sctCpCon > div:first-child{border-right:none; margin-top:0;}

	.sctCpCon > div .img img{width:90px}

	.sctCpCon > div .tit{font-size:17px; margin-top:15px;}

	.sctCpCon > div .txt{margin-top:10px}

	.scrCpPolicy{padding-left:0; background:none; margin-top:50px;}

	.scrCpPolicy ul{margin-left:0;}

	.scrCpPolicy li{margin-top:20px;}

	.scrCpPolicy .tit{padding-top:6px; font-size:18px;}

	.scrCpPolicy .txt{margin-top:5px}

	.cpBtnW span{display:block; margin-top:7px;}

	.cpBtnW span:first-child{margin-top:0;}

	.cpBtnW a{padding:14px 24px; font-size:16px;}

	.cpBtnW a img{width:20px;}

	.cpBtnW2 a{margin-left:0%; width:100%; margin-top:8px;}

	.cpBtnW2 a:first-child{margin-left:0%; margin-top:0;}

	.fTradeTit{font-size:18px; padding-top:85px; background:url('../images/ftradetit_icon.gif') center top no-repeat; background-size:70px; line-height:24px}

	.ftListTp li{width:100%; border-left:0; min-height:100%; margin-top:25px;}

	.ftListTp li:first-child{margin-top:0;}

	.ftListTp li .imgA img{width:90px;}

	.ftListTp li .tit{margin-top:10px;}

	.ftListTp li .txt{margin-top:10px;}

	.actList li{margin-top:5px; padding:20px 0 15px}

	.actList li img{width:70%;}

	.adminIntro .topA .tit{font-size:22px; line-height:30px}

	.adminIntro .topA .txt{font-size:15px; margin-top:7px; line-height:22px}

	.adminIntro .botA{padding-left:115px; min-height:100%; margin-top:15px}

	.adminIntro .botA .imgA img{width:106.5px}

	.cpElementList li{width:49%; margin-left:2%; min-height:185px;}

	.cpElementList li:nth-child(3){margin-left:0; margin-top:30px;}

	.cpElementList li:nth-child(4){margin-left:2%; margin-top:30px;}

	.cpElementList li:nth-child(5){margin-left:0;}

	.cpElementList li:nth-child(3),

	.cpElementList li:nth-child(4),

	.cpElementList li:nth-child(5),

	.cpElementList li:nth-child(6),

	.cpElementList li:nth-child(7){min-height:135px;}

	.cpElementList dt{padding:20px 15px 20px;}

	.cpElementList dt .tit{font-size:16px;}

	.cpElementList dt .num{width:20px; height:20px; line-height:20px; font-size:15px;}

	.cpElementList dd{margin-top:5px;}

	.cpElementList dd span{font-size:13px; line-height:18px; padding-left:8px;}

	.cpElementList dd span:before{top:6px}

	.aTwoBox li{float:none; width:100%; margin-left:0; margin-top:15px;}

	.aTwoBox li:first-child{margin-top:0;}

	.actRollW #actRolling{width:100% !important; }

	.actRollW #actRolling ul{width:100% !important; height:initial}

	.actRollW #actRolling ul li{width:100% !important; height:initial}

	.actRollW #actRolling ul li > span{width:30.3333%; margin:0 1.5%;}

	.actRollW #actRolling ul li > span img{width:100%;}

	.actRollW #actRolling_paging{margin-top:10px;}

	.mForestRollW {width:100%; margin:15px auto 0;}

	.mForestRollW #mForestRollL {width:100%; height:100%;}

	.mForestRollW #mForestRollL ul {width:100%; height:100%}

	.mForestRollW #mForestRollL ul li {width:100%; height:100%;}

	.mForestRollW #mForestRollL ul li .bImgA img{width:100%;} 

	.mForestRollW .mfMapS{width:100%; padding:15px; background-size:100% 100%; box-sizing:border-box}

	.mForestRollW .mfMapS .imgA{width:0; float:none; display:none}

	.mForestRollW .mfMapS .infoA{width:100%; padding:0;  box-sizing:border-box}

	.mForestRollW .mfMapS .infoA .titA {padding:0 60px 0 0;}

	.mForestRollW .btn_area button {display:block; width:100px; height:36px; background:#000; font-size:16px; color:#fff; font-weight:bold;}

	.mForestRollW .mForestBtn .btn_prev{right:40px;}

	.mForestRollW .mForestBtn .btn_next{right:20px;}

	.mForestRollW #mForest_paging{position:absolute; bottom:20px; left:0; width:100%;}

	.sSumD .widthL li{padding:0 2px; box-sizing:border-box; min-height:190px;}

	.sSumD .widthL li .imgA{max-width:100px; margin:0 auto;}

	.sSumD .widthL li .imgA img{width:100%; max-width:100%;}



	/* 스포츠단 */

	.archeryPopW .accoPopD {width:100%;}

	.archeryPopW .accoPopD .imgA {width:42%; height:auto; }

	.archeryPopW .accoPopD .imgA img {width:100%; max-width:160px;}

	.archeryPopW .accoPopD .infoA {width:58%; padding:10px 0 5px}

	.archeryPopW .accoPopD .infoA .titA {margin:5px 0 0}

	.archeryPopW .accoPopD .infoA .txtA {margin:2px 0 0}

	.archeryPopW .accoPopD .infoA .buA span{height:24px; line-height:24px}



	/*ir*/

	.nameBoxD ul > li {padding:15px; width:100%; margin:0 0 3% 0;}

	.condiBox ul > li {width:100%; margin:3% 0 0 0;}

	.condiBox ul > li .infoA {min-height:100%; height:auto;}



	/*회원가입*/

	.loginD {padding:35px 20px;}

	.loginD .leftA{padding:0 20px; }

	.loginD .leftA .logoA img {width:100%; max-width:300px; min-width:200px;}

	.loginD .rightA label {width:23%}

	.loginD .rightA input {width:77%}

	.loginD .rightA .btnA {padding:0 0 0 23%}

	.loginD .rightA .listA {padding:0 0 0 23%}

	.loginD .rightA .listA a{padding:0 4px 0 4px; font-size:13px} 

	.loginD .rightA .listA a:last-child{padding-right:0;}



	/* 사이버감사실 */

	.cbCon{padding:25px 4% 35px;}

	.cbCon .boxTp2{padding:15px 0;}

	.cbCon .boxTp2 p{width:100%; position:relative; padding-right:80px; box-sizing:border-box; text-align:left;}

	.cbCon .boxTp2 p .tit{margin-bottom:5px;}

	.cbCon .boxTp2 input{width:100%; height:40px; box-sizing:border-box}

	.cbCon .boxTp2 p .btn{position:absolute; bottom:0; right:0;}

	.cbCon .listTp .imgA{width:80%; margin: auto}

	.cbCon .listTp .imgA img{width:100%}

	.cbCon .listTp .tit{font-size:16px;}

	.cbCon .cpltBox{padding:15px 4%; margin-top:20px;}

	.cbCon .cpltBox .textA{background:none; min-height:100%; box-sizing:border-box; padding:10px 0 10px 0;}

	.cbCon .cpltBox .txt .react{display:inline;}

	.cbCon .cpltBox .cirtiNum{font-size:20px; padding:22px 0; margin-top:15px;}

	.cbCon .cpltBox .cirtiNum span{display:block;}



	/* 유틸리티 */

	.allSrchW{height:175px; padding:10px 3% 45px; box-sizing:border-box}

	.allSrchA{left:3%; width:94%; top:0}

	.srchBt{width:100%; height:45px; line-height:45px; font-size:16px; bottom:0; top:auto;}

	.srchBt span{background: url('../images/allsrch_icon.png') left 5px no-repeat;padding-left: 16px;background-size: 15px;}

	.allSrchA .topA p{padding:5px 10px 8px; font-size:20px;}

	.allSrchA .topA p:before{height:20px}

	.allSrchA .topA p input{position:relative; top:2px;}

	.allSrchA .botA{padding-top:0; padding-left:0; position:relative; box-sizing:border-box; width:100%;}

	.allSrchA .botA .monthA{float:none; width:100%;}

	.allSrchA .botA .monthA span{width:47%; display:inline-block;}

	.allSrchA .botA .monthA input{width:100%; box-sizing:border-box}

	.allSrchA .botA .monthA a{top:8px; right:9px}

	.allSrchA .botA .monthA .noun{width:6%; text-align:center;}

	.allSrchA .botA .chkA{position:relative; top:5px;}

	.allSrchA .botA .chkA label{background:url('../images/allchk_icon.gif') left 0 no-repeat;}

	.allSrchA .botA .chkA input[type="checkbox"]:checked + label {background:url('../images/allchk_icon_on.gif') left 0 no-repeat;}

	.siteInfoList li{width:100%; margin:0 0 10px !important; padding:0 2% 50px 2%; min-height:100% !important;}

	.siteInfoList li.tp{min-height:310px}

	.siteInfoList li .tit{font-size:15px;}

	.siteInfoList li .arrow{bottom:15px; margin-left:-10px;}

	.siteInfoList li .arrow img{width:20px;}

	.siteInfoList li .imgA{width:20%;}

	.errorW{width:100%; margin:60px auto 0;}

	.errorW .wrap{width:100%; height:auto; background:#fff; position:relative; box-sizing:border-box; padding:20px 4% 60px;}

	.errorW .wrap .logo{top:-40px;}

	.errorW .wrap .logo img{width:65.5px}

	.errorW .wrap .tit img{width:75%;}

	.errorW .wrap dl{margin-top:25px;}

	.errorW .wrap dt{font-size:20px; font-weight:bold; color:#333; margin-bottom:10px}

	.errorW .wrap dd{margin:4px 0;}

	.errorW .wrap a{position:absolute; bottom:0; left:0; padding:11px 0; display:block; width:100%; background:#383838; text-align:center; color:#fff; font-size:14px; font-weight:bold;}

	.errorW .wrap a span{background:url('../images/btarrowtp2.png') right no-repeat; background-size:5px; padding-right:12px}



	/* 2018-10-30 추가 */

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{height:235px}

	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}

	.subMain .mConD .snsTit{margin-top:20px}

	/* // 2018-10-30 추가*/

}





@media all and (max-width:450px){

	/* 2019-03-11 추가 */

	.viewCon .viewD .swiper-button-prev{left:-10%; }

	.viewCon .viewD .swiper-button-next{right:-10%; }

	/*  // 2019-03-11 추가 */

	#uSiteSlider2 {width:60%; left:40%} /* 2018-10-30 추가*/

	#uSiteSlider_paging {width:40%}/* 2018-10-30 추가*/ 

	.mConDiv .mConD2 .pdViewD .pdTabCont .txtArea{height:245px}/* 2018-10-30 추가 */

	.mConDiv .mConD1 .banner.left .bt{width:20px; height:20px; background-size:20px}/* 2018-11-05 추가 */

	.mLinkD .mLinkL li a {max-height:95px !important; max-width:95px !important;}

	.broDownList .logoA img{width:100%; max-height:65px;}

	.mLinkD .mLinkA {margin:10px 0 0;}

	.colorLogoL.cLogoL1 li:nth-child(3) .txtA,

	.colorLogoL.cLogoL1 li:nth-child(4) .txtA {min-height:65px;}

	.colorLogoL.cLogoL4 li:nth-child(3) .txtA,

	.colorLogoL.cLogoL4 li:nth-child(4) .txtA {min-height:48px;}

	.colorLogoL li .txtA .disB{display:inline !important}



	/* 2018-10-30 추가*/

	.utillD > ul > li.utl3 a.bt{box-sizing:border-box; padding-left:8px; text-align:left; background:url("../images/utill_lang_more.png") right 6px top 50% no-repeat}/* 2018-11-29 수정 */

	.utillD > ul > li.utl3 a.bt.on{background:url("../images/utill_lang_more.png") 91% 19px no-repeat #fff}/* 2018-11-29 추가 */

	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{overflow: hidden; display:block; position:relative; bottom:0; width:100%; margin-bottom:20px}

	.mediaMain .mediaTabArea1 .mTabCon1 ul li{box-shadow:none; background:none};

	.mediaMain .mediaTabArea1 .wrapA ul li{width:49% !important; margin-right:2% !important}

	.mediaMain .mediaTabArea1 .wrapA ul li.long .imgB{position:relative}

	.mediaMain .mediaTabArea1 .tabA1 li .txtB{position:relative; background:none; line-height:18px; font-size:13px; color:#222;  padding:0; margin-top:10px; height:auto}

	.mediaMain .mediaTabArea1 .tabA1 li .txtB strong{font-size:13px}

	.mediaMain .mCon2 .mediaSnsW a{width:20%; margin-right:0}

	.mediaMain .mediaTabArea1 .tabA1 li .txtB span{vertical-align:top}

	.mediaMain .mediaTabArea1 .tabA1 .mdCmoreBtn a{margin-bottom:20px}

	.subMain .mConD .snsTit{margin-top:20px}

	.mediaMain .mCon2 .mConD > .txt{letter-spacing:0; margin-top:17px}

	.mediaMain .mCon2 .mediaSnsW{margin-top:25px}

	.mediaMain .mCon2 .mediaSnsW>div{width:100%}

	.mediaMain .mCon2 .mediaSnsW a{width:calc(100% / 3); box-sizing:border-box; padding-bottom:25px; font-size:13px; font-weight:bold; color:#333}

	.mediaMain .mCon2 .mediaSnsW a:hover{top:0}

	.mediaMain .mCon2 .mediaSnsW a:after{display:none}

	.mediaMain .mediaTabArea1 .mTabCon1 ul li > a:after{display:none} 

	.sub .subTitD{width:94%; margin:0 auto}

	#footer .topA .famSiteD .famList .listD{width:auto}

	/* // 2018-10-30 추가*/

}